.scroll-scrub{--ss-progress: 0;position:relative;isolation:isolate;color:var(--cloud);background:var(--void)}.scroll-scrub__stage{position:sticky;top:0;z-index:0;width:100%;height:100dvh;overflow:hidden;background:var(--void)}.scroll-scrub__media,.scroll-scrub__layer,.scroll-scrub__picture,.scroll-scrub__poster,.scroll-scrub__video{position:absolute;inset:0;width:100%;height:100%}.scroll-scrub__media{z-index:0}.scroll-scrub__layer{margin:0;overflow:hidden;opacity:0;will-change:opacity}.scroll-scrub__layer:first-child{opacity:1}.scroll-scrub__poster,.scroll-scrub__video{display:block;object-fit:cover;object-position:var(--ss-object-position)}.scroll-scrub__poster{z-index:0}.scroll-scrub__video{z-index:1}.scroll-scrub__layer[data-video-painted=true] .scroll-scrub__poster{visibility:hidden}.scroll-scrub__progress{position:absolute;z-index:5;top:0;right:0;left:0;height:2px;background:#edf7ff1a;pointer-events:none}.scroll-scrub__progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--signal),var(--current));transform:scaleX(var(--ss-progress));transform-origin:left center}.scroll-scrub__route{position:absolute;z-index:6;right:clamp(1rem,4vw,3.5rem);bottom:clamp(1rem,3vw,2rem);display:flex;justify-content:flex-end;gap:.15rem;padding:.35rem;border:1px solid var(--hairline);border-radius:999px;background:#05070b8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.scroll-scrub__route-button{min-height:2.25rem;padding:.4rem .85rem;border:0;border-radius:999px;color:var(--mist);background:transparent;font-family:var(--font-body);font-size:.78rem;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:color .3s ease,background .3s ease}.scroll-scrub__route-button:hover{color:var(--cloud)}.scroll-scrub__route-button[aria-current=step]{color:var(--void);background:var(--signal)}.scroll-scrub__route-button:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.scroll-scrub__story{position:relative;z-index:3;margin-top:-100dvh}.scroll-scrub__chapter{position:relative;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:860px){.scroll-scrub__poster,.scroll-scrub__video{object-position:var(--ss-mobile-position)}.scroll-scrub__route{right:max(.75rem,env(safe-area-inset-right));left:max(.75rem,env(safe-area-inset-left));bottom:max(.75rem,env(safe-area-inset-bottom));justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.scroll-scrub__route-button{flex:0 0 auto}}@media(prefers-reduced-motion:reduce){.scroll-scrub__progress span{transition:none}}