.scroll-scrub{--ss-progress:0;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);display:block}.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{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;justify-content:flex-end;gap:.25rem;display:flex;position:absolute;top:clamp(1rem,3vw,2rem);left:clamp(1rem,4vw,4rem);right:clamp(1rem,4vw,4rem)}.scroll-scrub__route-button{min-height:2.75rem;color:var(--ss-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:.65rem .9rem}.scroll-scrub__route-button:hover,.scroll-scrub__route-button[aria-current=step]{color:var(--ss-ink)}.scroll-scrub__route-button[aria-current=step]{text-decoration:underline;-webkit-text-decoration-color:var(--ss-accent);text-decoration-color:var(--ss-accent);text-underline-offset:.3em;text-decoration-thickness:.15em}.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,6vw,6rem);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:-1;content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--ss-bg) 68%, transparent) 0%, color-mix(in srgb, var(--ss-bg) 52%, transparent) 38%, color-mix(in srgb, var(--ss-bg) 30%, transparent) 66%, color-mix(in srgb, var(--ss-bg) 10%, transparent) 84%, transparent 100%);pointer-events:none;position:absolute;inset:-9rem -12rem}.scroll-scrub__kicker{max-width:30ch;color:var(--ss-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem;font-weight:700}.scroll-scrub__title{max-width:13ch;color:var(--ss-ink);font:inherit;letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.75rem,6vw,6.75rem);font-weight:700;line-height:.94}.scroll-scrub__body{max-width:42ch;color:var(--ss-muted);margin:1.5rem 0 0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.55}.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{--ss-scroll-unit:calc(var(--ss-vh,100svh) * 1.7);--ss-band-top:calc(var(--hg-header-h,5.5rem) + var(--ss-vh,100svh) * .04);--ss-band-h:min(100vw, calc(var(--ss-vh,100svh) * .46));margin-top:calc(-1 * var(--hg-header-h,5.5rem))}.scroll-scrub__stage{height:calc(var(--ss-vh,100lvh) * 1.25)}.scroll-scrub__story{margin-top:calc(var(--ss-vh,100lvh) * -1.25)}.scroll-scrub__media{top:var(--ss-band-top);height:var(--ss-band-h);bottom:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 10% 78%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 10% 78%,#0000 100%)}.scroll-scrub__poster,.scroll-scrub__video{object-position:var(--ss-mobile-position)}.scroll-scrub__route{display:none}.scroll-scrub__progress{top:var(--hg-header-h,5.5rem)}.scroll-scrub__chapter-pin,.scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin{min-height:0;height:var(--ss-vh,100svh);padding:calc(var(--ss-band-top) + var(--ss-band-h) - 1rem) max(1.25rem, env(safe-area-inset-right)) calc(3.25rem + env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));opacity:var(--ss-copy,0);transform:translate3d(0, var(--ss-copy-shift,0px), 0);will-change:opacity, transform;flex-direction:column;justify-content:flex-start;align-items:stretch;position:fixed;inset:0 0 auto}.scroll-scrub__story>.scroll-scrub__chapter:first-child .scroll-scrub__chapter-pin{opacity:var(--ss-copy,1)}.scroll-scrub__copy{pointer-events:none;width:100%;margin-top:auto}.scroll-scrub__story>.scroll-scrub__chapter:first-child:not([data-copy-live]) .scroll-scrub__copy,.scroll-scrub__chapter[data-copy-live=true] .scroll-scrub__copy{pointer-events:auto}.scroll-scrub__copy:before{content:none}.scroll-scrub__kicker{margin-bottom:.6rem;font-size:.72rem}.scroll-scrub__title{max-width:16ch;font-size:clamp(1.9rem,8.6vw,3rem);line-height:1}.scroll-scrub__body{margin-top:.85rem;font-size:.98rem;line-height:1.5}.scroll-scrub__tags{gap:.4rem;margin-top:.9rem}.scroll-scrub__tags li{padding:.35rem .6rem;font-size:.75rem}.scroll-scrub__actions{margin-top:1.1rem}.scroll-scrub[data-short]{--ss-band-h:min(100vw, calc(var(--ss-vh,100svh) * .4))}.scroll-scrub[data-short] .scroll-scrub__body{font-size:.92rem}.scroll-scrub[data-short] .scroll-scrub__tags{display:none}}@media (prefers-reduced-motion:reduce){.scroll-scrub__chapter{min-height:var(--ss-vh,100dvh)!important}.scroll-scrub__connector-band{display:none}.scroll-scrub__progress span{transition:none}}
