.scroll-scrub{--ss-progress:0;--ss-ease-out:cubic-bezier(.22, 1, .36, 1);--ss-ease-io:cubic-bezier(.65, 0, .35, 1);z-index:1;isolation:isolate;color:var(--ss-ink);background:var(--ss-bg);position:relative}.scroll-scrub__stage{z-index:0;background:var(--ss-bg);width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.scroll-scrub__media,.scroll-scrub__layer,.scroll-scrub__picture,.scroll-scrub__poster,.scroll-scrub__video{width:100%;height:100%;position:absolute;inset:0}.scroll-scrub__media{z-index:0}.scroll-scrub__layer{opacity:0;will-change:opacity;margin:0;overflow:hidden}.scroll-scrub__layer:first-child{opacity:1}.scroll-scrub__poster,.scroll-scrub__video{object-fit:cover;object-position:var(--ss-object-position);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.scroll-scrub__poster{z-index:0}.scroll-scrub__video{z-index:1;opacity:0}.scroll-scrub__layer[data-video-painted=true] .scroll-scrub__video{opacity:1}.scroll-scrub__layer[data-video-painted=true] .scroll-scrub__poster{visibility:hidden}@keyframes scroll-scrub-hero-breathe{0%{transform:scale(1)}to{transform:scale(1.04)}}.scroll-scrub:not([data-film-started=true]) .scroll-scrub__layer:first-child .scroll-scrub__poster{animation:8s ease-in-out infinite alternate scroll-scrub-hero-breathe}.scroll-scrub[data-film-started=true] .scroll-scrub__layer:not([data-video-painted=true]) .scroll-scrub__poster{transform:scale(calc(1 + .14 * var(--ss-layer-progress,0)));transform-origin:50% 45%;animation:none}.scroll-scrub__debug{z-index:99;top:max(.5rem, env(safe-area-inset-top));color:#0f0;white-space:pre;pointer-events:none;background:#000000b8;border-radius:6px;padding:.4rem .5rem;font-family:ui-monospace,monospace;font-size:10px;line-height:1.35;position:fixed;left:.5rem}.scroll-scrub__hero{z-index:4;opacity:calc(1 - clamp(0, var(--ss-progress) * 5.5, 1));pointer-events:auto;align-items:flex-end;padding:0;display:flex;position:absolute;inset:0}.scroll-scrub__hero:before{z-index:0;content:"";background:linear-gradient(to top, var(--ss-bg) 0%, color-mix(in srgb, var(--ss-bg) 78%, transparent) 38%, color-mix(in srgb, var(--ss-bg) 20%, transparent) 72%, transparent 100%);pointer-events:none;position:absolute;inset:0}.scroll-scrub__hero>*{z-index:1;position:relative}.scroll-scrub[data-hero-faded=true] .scroll-scrub__hero{pointer-events:none}.scroll-scrub:not([data-hero-faded=true]) .scroll-scrub__story{opacity:0;transition:opacity .4s var(--ss-ease-io)}.scroll-scrub__progress{z-index:5;background:color-mix(in srgb, var(--ss-ink) 14%, transparent);pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.scroll-scrub__progress span{background:var(--ss-accent);width:100%;height:100%;transform:scaleX(var(--ss-progress));transform-origin:0;display:block}.scroll-scrub__route{z-index:6;pointer-events:auto;flex-direction:column;gap:10px;display:none;position:absolute;top:50%;right:clamp(1rem,2vw,2rem);transform:translateY(-50%)}@media (width>=861px){.scroll-scrub__route{display:flex}}.scroll-scrub__route-button{cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:0;display:grid}.scroll-scrub__route-button span{color:#0000;background:color-mix(in srgb, var(--ss-ink) 30%, transparent);text-indent:-999px;width:3px;height:8px;transition:height .4s var(--ss-ease-out), background-color .4s var(--ss-ease-out);border-radius:999px;display:block;overflow:hidden}.scroll-scrub__route-button:hover span{background:color-mix(in srgb, var(--ss-ink) 60%, transparent)}.scroll-scrub__route-button[aria-current=step] span{background:var(--ss-accent);height:24px}.scroll-scrub__route-button:focus-visible{outline:2px solid var(--ss-accent);outline-offset:3px}.scroll-scrub__story{z-index:3;pointer-events:none;margin-top:-100dvh;position:relative}.scroll-scrub__chapter,.scroll-scrub__connector-band{position:relative}.scroll-scrub__chapter-pin{pointer-events:none;align-items:center;min-height:100dvh;padding:clamp(5rem,9vw,8rem) clamp(1.25rem,5vw,4rem);display:flex;position:sticky;top:0}.scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin{justify-content:flex-end}.scroll-scrub__copy{pointer-events:auto;width:min(40rem,48vw);position:relative}.scroll-scrub__copy:before{z-index:0;content:"";background:radial-gradient(ellipse at center, color-mix(in srgb, var(--ss-bg) 88%, transparent) 0%, color-mix(in srgb, var(--ss-bg) 58%, transparent) 52%, transparent 76%);pointer-events:none;position:absolute;inset:-3rem -5rem}.scroll-scrub__copy>*{z-index:1;opacity:0;transition:opacity .75s var(--ss-ease-out), transform .75s var(--ss-ease-out);position:relative;transform:translateY(24px)}.scroll-scrub__chapter[data-active=true] .scroll-scrub__copy>*{opacity:1;transform:none}.scroll-scrub__copy>:nth-child(2){transition-delay:70ms}.scroll-scrub__copy>:nth-child(3){transition-delay:.14s}.scroll-scrub__copy>:nth-child(4){transition-delay:.21s}.scroll-scrub__kicker{max-width:30ch;color:var(--ss-accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;font-size:12px;font-weight:600}.scroll-scrub__title{max-width:13ch;color:var(--ss-ink);letter-spacing:-.03em;text-wrap:balance;margin:0;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:clamp(32px,7vw,64px);font-weight:700;line-height:1.02}.scroll-scrub__body{max-width:42ch;color:var(--ss-muted);margin:1.25rem 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.5}.scroll-scrub__tags{flex-wrap:wrap;gap:.55rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.scroll-scrub__tags li{border:1px solid color-mix(in srgb, var(--ss-ink) 20%, transparent);color:var(--ss-ink);padding:.45rem .7rem;font-size:.82rem}.scroll-scrub__actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}@media (width<=860px){.scroll-scrub__poster,.scroll-scrub__video{object-position:var(--ss-mobile-position)}.scroll-scrub__chapter-pin,.scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin{padding:6rem max(1.25rem, env(safe-area-inset-right)) calc(6rem + env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));justify-content:flex-start;align-items:flex-end}.scroll-scrub__copy{width:min(100%,36rem)}.scroll-scrub__copy:before{background:linear-gradient(to top, var(--ss-bg) 0%, color-mix(in srgb, var(--ss-bg) 82%, transparent) 58%, transparent 100%);inset:-3rem -2rem}.scroll-scrub__title{max-width:14ch;font-size:clamp(30px,9vw,44px)}}@media (prefers-reduced-motion:reduce){.scroll-scrub__layer:first-child .scroll-scrub__poster{animation:none;transform:scale(1)}.scroll-scrub__chapter{min-height:100dvh!important}.scroll-scrub__connector-band{display:none}.scroll-scrub__progress span{transition:none}.scroll-scrub__copy>*{opacity:1;transition:none;transform:none}}