.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__stage:after{z-index:3;content:"";pointer-events:none;background:linear-gradient(90deg,#10131aad,#0000 34% 66%,#10131a80),linear-gradient(#10131a42,#0000 28% 70%,#10131a9e);position:absolute;inset:0}.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;border:1px solid color-mix(in srgb, var(--ss-ink) 15%, transparent);width:calc(100% - clamp(1.5rem,4.5vw,4rem));height:calc(100% - clamp(5.5rem,9.25vw,8.5rem));margin:clamp(4.75rem,7vw,6.5rem) clamp(.75rem,2.25vw,2rem) clamp(.75rem,2.25vw,2rem);overflow:hidden}.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:7;background:color-mix(in srgb, var(--ss-ink) 12%, transparent);pointer-events:none;height:1px;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__navigation{z-index:7;pointer-events:none;height:100dvh;margin-top:-100dvh;position:sticky;top:0}.scroll-scrub__route{z-index:7;pointer-events:auto;gap:0;display:flex;position:absolute;bottom:clamp(1.1rem,2.2vw,2rem);right:clamp(1.25rem,3vw,3rem)}.scroll-scrub__route-button{border:0;border-left:1px solid color-mix(in srgb, var(--ss-ink) 20%, transparent);min-width:2.75rem;min-height:2.75rem;color:var(--ss-muted);background:var(--ss-bg);font:inherit;letter-spacing:.05em;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.65rem .85rem;font-size:.72rem}.scroll-scrub__route-button:hover,.scroll-scrub__route-button[aria-current=step]{color:var(--ss-ink)}.scroll-scrub__route-button[aria-current=step]{box-shadow:inset 0 -2px var(--ss-accent)}.scroll-scrub__route-button:focus-visible{z-index:1;outline:2px solid var(--ss-accent);outline-offset:2px;position:relative}.scroll-scrub__story{z-index:4;pointer-events:none;margin-top:-100dvh;position:relative}.scroll-scrub__chapter,.scroll-scrub__connector-band,.scroll-scrub__chapter-beat{position:relative}.scroll-scrub__chapter-beat{min-height:125dvh}.scroll-scrub__chapter-pin{pointer-events:none;align-items:center;min-height:100dvh;padding:clamp(6.5rem,10vw,9rem) clamp(1.5rem,7vw,7rem);display:flex;position:sticky;top:0}.scroll-scrub__chapter-beat[data-align=right] .scroll-scrub__chapter-pin{justify-content:flex-end}.scroll-scrub__copy{pointer-events:auto;width:min(42rem,52vw);position:relative}.scroll-scrub__copy:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(#10131aeb,#10131a85 55%,#0000 76%);position:absolute;inset:-4rem -6rem}.scroll-scrub__kicker{max-width:30ch;color:var(--ss-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem;font-weight:700}.scroll-scrub__title{max-width:12ch;color:var(--ss-ink);font:inherit;letter-spacing:-.04em;text-wrap:balance;flex-wrap:wrap;gap:0 .24em;margin:0;font-size:clamp(3.6rem,8.7vw,9rem);font-weight:500;line-height:.88;display:flex}.scroll-scrub__title-part{transition:transform 80ms linear;display:block}.scroll-scrub__title[data-treatment=split] .scroll-scrub__title-part:first-child{transform:translateX(calc(var(--ss-progress) * -48vw))}.scroll-scrub__title[data-treatment=split] .scroll-scrub__title-part:last-child{transform:translateX(calc(var(--ss-progress) * 48vw))}@supports (animation-timeline:view()){.scroll-scrub__chapter-beat{view-timeline:--chapter block}.scroll-scrub__title[data-treatment=mask]{clip-path:inset(0 48%);animation:linear both statement-mask;animation-timeline:--chapter;animation-range:entry 15%}}@keyframes statement-mask{to{clip-path:inset(0)}}.scroll-scrub__body{max-width:42ch;color:var(--ss-muted);margin:1.6rem 0 0;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.55}.scroll-scrub__tags{border-top:1px solid color-mix(in srgb, var(--ss-ink) 24%, transparent);border-bottom:1px solid color-mix(in srgb, var(--ss-ink) 24%, transparent);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(32rem,100%);margin:2rem 0 0;padding:0;list-style:none;display:grid}.scroll-scrub__tags li{border-right:1px solid color-mix(in srgb, var(--ss-ink) 18%, transparent);color:var(--ss-ink);text-align:center;padding:.85rem .75rem;font-size:.78rem}.scroll-scrub__tags li:last-child{color:var(--ss-accent);border-right:0}.scroll-scrub__actions{margin-top:2rem;display:flex}.scroll-scrub__aside{width:clamp(11rem,18vw,18rem);position:absolute;top:50%;right:calc(100% + clamp(2rem,5vw,5rem));transform:translateY(-50%)}.scroll-scrub__aside img{border:1px solid color-mix(in srgb, var(--ss-ink) 20%, transparent);width:100%;display:block}.career-route{border-bottom:1px solid var(--ss-accent);min-height:2.75rem;color:var(--ss-ink);align-items:center;font-size:.88rem;text-decoration:none;display:inline-flex;position:relative}.career-route:after{content:"";border-top:1px solid var(--ss-accent);width:2rem;margin-left:.75rem;transition:transform .18s}.career-route:hover:after{transform:translate(.35rem)}.career-route:focus-visible{outline:2px solid var(--ss-accent);outline-offset:4px}@media (width<=860px){.scroll-scrub__stage:after{background:linear-gradient(#10131a75,#10131a52 42%,#10131af0)}.scroll-scrub__media{width:calc(100% - 1.5rem);height:calc(100% - 5.25rem);margin:4.5rem .75rem .75rem}.scroll-scrub__poster,.scroll-scrub__video{object-position:var(--ss-mobile-position)}.scroll-scrub__route{right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));left:max(.75rem, env(safe-area-inset-left));overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.scroll-scrub__route-button{flex:none;padding-inline:.7rem}.scroll-scrub__route-button:focus-visible{scroll-margin-inline:.75rem}.scroll-scrub__chapter-pin,.scroll-scrub__chapter-beat[data-align=right] .scroll-scrub__chapter-pin{padding:6rem max(1.5rem, env(safe-area-inset-right)) 7.25rem max(1.5rem, 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), #10131ae6 56%, transparent);inset:-4rem -2rem}.scroll-scrub__title{max-width:13ch;font-size:clamp(3rem,15vw,5.6rem)}.scroll-scrub__body{max-width:34ch;font-size:1rem}.scroll-scrub__aside{width:min(15rem,65vw);margin-top:1.5rem;position:static;transform:none}}@media (height<=700px){.scroll-scrub__chapter-pin,.scroll-scrub__chapter-beat[data-align=right] .scroll-scrub__chapter-pin{padding-top:5rem;padding-bottom:4.5rem}.scroll-scrub__title{max-width:20ch;font-size:clamp(2rem,7dvh,3rem)}.scroll-scrub__kicker{margin-bottom:.5rem}.scroll-scrub__body{max-width:60ch;margin-top:1rem}.scroll-scrub__tags,.scroll-scrub__actions{margin-top:1rem}.scroll-scrub__aside{display:none}}@media (prefers-reduced-motion:reduce){.scroll-scrub__chapter{min-height:500dvh!important}.scroll-scrub__chapter-beat{min-height:100dvh}.scroll-scrub__connector-band{display:none}.scroll-scrub__progress span,.scroll-scrub__title-part,.career-route:after{transition:none}.scroll-scrub__title[data-treatment=split] .scroll-scrub__title-part{transform:none}.scroll-scrub__title[data-treatment=mask]{clip-path:none;animation:none}}
