.svc-scene,.svc-scene-sticky{width:100%;position:relative}.svc-col{display:contents}.svc-scene-row{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,4vw,2.5rem);width:100%;max-width:1240px;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,3.5rem);display:grid}@media (min-width:40em){.svc-scene-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64em){.svc-scene-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.svc-scene-progress{display:none}.svc-card{min-width:0}.svc-card-link{min-width:0;height:100%;color:inherit;flex-direction:column;justify-content:center;text-decoration:none;display:flex}.svc-card-media{aspect-ratio:4/5;border:1px solid var(--color-line);border-radius:var(--radius-card);background-color:var(--color-ink-800);will-change:clip-path;width:100%;height:auto;max-height:100%;transition:border-color .45s var(--ease-out-soft), box-shadow .45s var(--ease-out-soft), transform .45s var(--ease-out-soft);position:relative;overflow:hidden}.svc-card-media img{object-fit:contain;object-position:50% 50%;width:100%;height:100%;transition:scale .75s var(--ease-out-soft), filter .55s var(--ease-out-soft);display:block}.svc-card-media img.scene-image-for-light-theme,:root[data-theme=light] .svc-card-media img.scene-image-for-dark-theme{display:none}:root[data-theme=light] .svc-card-media img.scene-image-for-light-theme{display:block}.svc-card-veil{background:linear-gradient(to top, rgb(var(--scrim-rgb) / calc(.92 * var(--scrim-strength))) 0%, rgb(var(--scrim-rgb) / calc(.62 * var(--scrim-strength))) 28%, rgb(var(--scrim-rgb) / calc(.16 * var(--scrim-strength))) 58%, transparent 82%);opacity:.88;pointer-events:none;transition:opacity .5s var(--ease-out-soft);position:absolute;inset:0}.svc-card-edge{inset-inline:0;z-index:3;opacity:0;pointer-events:none;background:linear-gradient(90deg, transparent, var(--color-accent) 22%, #fff 50%, var(--color-accent) 78%, transparent);height:2px;box-shadow:0 0 14px 2px color-mix(in oklab, var(--color-accent) 62%, transparent), 0 0 40px 10px color-mix(in oklab, var(--color-accent) 26%, transparent);display:none;position:absolute;bottom:0}.svc-card-no{z-index:2;border:1px solid var(--color-line);background:color-mix(in oklab, var(--color-ink-950) 62%, transparent);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-fg-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .45s var(--ease-out-soft), color .45s var(--ease-out-soft);border-radius:999px;padding:.2rem .6rem;font-size:.62rem;position:absolute;top:.85rem;left:.9rem}.svc-card-panel{inset-inline:0;z-index:2;border-radius:0 0 calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px);transition:background-color .5s var(--ease-out-soft), backdrop-filter .5s var(--ease-out-soft), border-color .5s var(--ease-out-soft);border-top:1px solid #0000;flex-direction:column;gap:.45rem;padding:clamp(1rem,1.5vw,1.35rem);display:flex;position:absolute;bottom:0}.svc-card-title{letter-spacing:-.02em;color:var(--color-fg);margin:0;font-size:clamp(1.2rem,1.6vw,1.65rem);line-height:1.04}.svc-card-rest{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg-faint);transition:grid-template-rows .5s var(--ease-out-soft), opacity .3s var(--ease-out-soft);grid-template-rows:1fr;font-size:.68rem;display:grid}.svc-card-rest>span{min-height:0;overflow:hidden}.svc-card-reveal{opacity:0;transition:grid-template-rows .55s var(--ease-out-soft), opacity .4s var(--ease-out-soft);grid-template-rows:0fr;display:grid}.svc-card-reveal>div{flex-direction:column;gap:.7rem;min-height:0;display:flex;overflow:hidden}.svc-card-summary{color:var(--color-fg-muted);margin:0;font-size:.86rem;line-height:1.45}.svc-card-meta{border-top:1px solid var(--color-line);flex-wrap:wrap;gap:.35rem 1.5rem;margin:0;padding-top:.6rem;display:flex}.svc-card-meta dt{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-fg-faint);font-size:.6rem}.svc-card-meta dd{color:var(--color-fg);margin:0;font-size:.92rem}.svc-card-action{background:var(--color-accent);color:var(--color-ink-950);transition:background-color .3s ease, transform .35s var(--ease-out-soft);border-radius:999px;align-self:flex-start;align-items:center;gap:.4rem;padding:.5rem .95rem;font-size:.82rem;display:inline-flex}.svc-card-action svg{transition:transform .35s var(--ease-out-soft)}.svc-card-link:hover .svc-card-media,.svc-card-link:focus-visible .svc-card-media{border-color:color-mix(in oklab, var(--color-accent) 45%, var(--color-line));box-shadow:0 26px 60px rgb(var(--shadow-rgb) / calc(.32 * var(--shadow-strength))), 0 0 0 1px color-mix(in oklab, var(--color-accent) 14%, transparent);transform:translateY(-6px)}.svc-card-link:hover .svc-card-media img,.svc-card-link:focus-visible .svc-card-media img{filter:saturate(1.05);scale:1.045}.svc-card-link:hover .svc-card-veil,.svc-card-link:focus-visible .svc-card-veil{opacity:1}.svc-card-link:hover .svc-card-no,.svc-card-link:focus-visible .svc-card-no{border-color:color-mix(in oklab, var(--color-accent) 45%, var(--color-line));color:var(--color-fg)}.svc-card-link:hover .svc-card-panel,.svc-card-link:focus-visible .svc-card-panel{background:color-mix(in oklab, var(--color-ink-950) 74%, transparent);border-top-color:color-mix(in oklab, var(--color-accent) 32%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15)}.svc-card-link:hover .svc-card-reveal,.svc-card-link:focus-visible .svc-card-reveal{opacity:1;grid-template-rows:1fr}.svc-card-link:hover .svc-card-rest,.svc-card-link:focus-visible .svc-card-rest{opacity:0;grid-template-rows:0fr}.svc-card-link:hover .svc-card-action,.svc-card-link:focus-visible .svc-card-action{background:var(--color-accent-soft)}.svc-card-link:hover .svc-card-action svg{transform:translate(.15rem,-.15rem)}@media (hover:none){.svc-card-reveal{opacity:1;grid-template-rows:1fr}.svc-card-rest{display:none}.svc-card-panel{background:color-mix(in oklab, var(--color-ink-950) 72%, transparent);border-top-color:color-mix(in oklab, var(--color-accent) 24%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@media (min-width:64em) and (prefers-reduced-motion:no-preference) and (scripting:enabled){.svc-scene{height:calc(var(--pages,1) * 100svh)}.svc-scene-sticky{height:100svh;padding:clamp(5.5rem,11vh,7rem) clamp(1.25rem,4vw,3.5rem) clamp(1.75rem,4vh,3rem);position:sticky;top:0;overflow:hidden}.svc-scene-row{gap:clamp(1rem,2vw,2rem);height:100%;padding-inline:0}.svc-col{min-width:0;display:block;position:relative}.svc-card{pointer-events:none;position:absolute;inset:0}.svc-card[data-active=true]{pointer-events:auto}.svc-card-media{margin-block:auto}.svc-card-edge{display:block}.svc-card[data-enter=true] .svc-card-media{animation:svc-card-enter .9s var(--ease-out-soft)}.svc-card[data-enter=true] .svc-card-no{animation:svc-no-enter .9s var(--ease-out-soft)}.svc-scene-progress{z-index:3;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-fg-faint);pointer-events:none;align-items:center;gap:.75rem;font-size:.68rem;display:flex;position:absolute;top:clamp(2rem,4.5vh,3.2rem);left:clamp(1.25rem,4vw,3.5rem);right:clamp(1.25rem,4vw,3.5rem)}.svc-scene-progress-count{min-width:2ch;color:var(--color-accent)}.svc-scene-progress-track{flex:1;gap:.4rem;display:flex}.svc-scene-progress-step{background:var(--color-line);height:2px;transition:background-color .45s var(--ease-out-soft), box-shadow .45s var(--ease-out-soft);border-radius:999px;flex:1}.svc-scene-progress-step[data-on=true]{background:var(--color-accent);box-shadow:0 0 12px color-mix(in oklab, var(--color-accent) 45%, transparent)}}@keyframes svc-card-enter{0%{border-color:var(--color-accent);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-accent) 55%, transparent), 0 0 46px color-mix(in oklab, var(--color-accent) 32%, transparent);transform:translateY(6px)scale(.985)}45%{border-color:color-mix(in oklab, var(--color-accent) 70%, var(--color-line));transform:translateY(0)scale(1)}to{border-color:var(--color-line);box-shadow:none;transform:translateY(0)scale(1)}}@keyframes svc-no-enter{0%{border-color:var(--color-accent);color:var(--color-accent)}to{border-color:var(--color-line);color:var(--color-fg-muted)}}