.scroll-film{--film-progress:0;background:var(--blueprint-depth);color:var(--cold-white);isolation:isolate;position:relative}.scroll-film__stage{background:var(--blueprint-depth);z-index:0;width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.scroll-film__media,.scroll-film__picture,.scroll-film__poster,.scroll-film__video,.scroll-film__shade{width:100%;height:100%;position:absolute;inset:0}.scroll-film__poster,.scroll-film__video{object-fit:cover;object-position:center;display:block}.scroll-film__poster{filter:saturate(.92)contrast(1.04);z-index:0}.scroll-film__video{visibility:hidden;z-index:1}.scroll-film[data-video-painted=true] .scroll-film__video{visibility:visible}.scroll-film[data-video-painted=true] .scroll-film__picture{visibility:hidden}.scroll-film__shade{pointer-events:none;z-index:2;background:linear-gradient(90deg,#080b12e0 0%,#080b123d 47%,#080b1294 100%),linear-gradient(#0000 62%,#080b12b8 100%)}.scroll-film__meter{z-index:6;background:#f5f7fb21;height:2px;position:absolute;top:0;left:0;right:0}.scroll-film__meter span{background:var(--signal-orange);height:100%;transform:scaleX(var(--film-progress));transform-origin:0;width:100%;display:block}.scroll-film__route{bottom:clamp(1rem,3vw,2.5rem);left:var(--page-gutter);right:var(--page-gutter);z-index:7;justify-content:flex-end;gap:clamp(.2rem,1vw,.75rem);display:flex;position:absolute}.scroll-film__route button{color:var(--muted-steel);cursor:pointer;font:500 .66rem/1 var(--font-plex-mono), monospace;text-transform:capitalize;background:0 0;border:0;align-items:center;gap:.45rem;min-height:2.75rem;padding:.6rem;display:inline-flex}.scroll-film__route button>span:first-child{color:var(--signal-orange)}.scroll-film__route button[aria-current=step],.scroll-film__route button:hover{color:var(--cold-white)}.scroll-film__route button:focus-visible{outline:2px solid var(--signal-orange);outline-offset:2px}.scroll-film__story{pointer-events:none;z-index:4;margin-top:-100dvh;position:relative}.scroll-film__chapter{min-height:125dvh;position:relative}.scroll-film__chapter:first-child{min-height:155dvh}.scroll-film__chapter-pin{min-height:100dvh;padding:7rem var(--page-gutter) 5rem;align-items:center;display:flex;position:sticky;top:0}.scroll-film__chapter[data-align=right] .scroll-film__chapter-pin{justify-content:flex-end}.scroll-film__copy{pointer-events:auto;width:min(43rem,48vw);position:relative}.scroll-film__copy:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#080b12f5,#080b12a8 52%,#0000 75%);position:absolute;inset:-4rem -6rem}.scroll-film__index{color:var(--signal-orange);font:500 .72rem/1 var(--font-plex-mono), monospace;margin:0 0 1.25rem}.scroll-film__copy h1,.scroll-film__copy h2{color:var(--cold-white);font-family:var(--font-outfit), sans-serif;letter-spacing:-.065em;text-wrap:balance;max-width:11ch;margin:0;font-size:clamp(3.2rem,6.5vw,7.4rem);font-weight:540;line-height:.91}.scroll-film__body{color:var(--muted-steel);max-width:48ch;margin:1.5rem 0 0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.65}.scroll-film__proofs{flex-wrap:wrap;gap:.6rem 1.1rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.scroll-film__proofs li{color:var(--cold-white);font:500 .72rem/1.3 var(--font-plex-mono), monospace;align-items:center;gap:.5rem;display:flex}.scroll-film__proofs li:before{background:var(--signal-orange);content:"";width:.4rem;height:.4rem}.scroll-film__explore{background:var(--signal-orange);color:var(--blueprint-depth);align-items:center;gap:3rem;margin-top:2.25rem;padding:1rem 1.1rem;font-size:.9rem;font-weight:680;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative;overflow:hidden}.scroll-film__explore:after{content:"";background:#ffffff38;transition:transform .32s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translate(-105%)}.scroll-film__explore:hover:after{transform:translate(0)}.scroll-film__explore:active{transform:scale(.98)}@media (max-width:860px){.scroll-film__route{bottom:auto;left:max(.75rem, env(safe-area-inset-left));pointer-events:auto;right:max(.75rem, env(safe-area-inset-right));justify-content:flex-start;top:5.25rem;overflow-x:auto}.scroll-film__route button{flex:none}.scroll-film__route button>span:last-child{display:none}.scroll-film__chapter-pin,.scroll-film__chapter[data-align=right] .scroll-film__chapter-pin{padding:6.5rem max(1.25rem, env(safe-area-inset-right)) 5.5rem max(1.25rem, env(safe-area-inset-left));justify-content:flex-start;align-items:flex-end}.scroll-film__copy{width:min(100%,38rem)}.scroll-film__copy:before{background:linear-gradient(to top, var(--blueprint-depth), #080b12e6 60%, transparent);inset:-4rem -2rem}.scroll-film__copy h1,.scroll-film__copy h2{max-width:12ch;font-size:clamp(2.65rem,12vw,5rem)}}@media (prefers-reduced-motion:reduce){.scroll-film__chapter,.scroll-film__chapter:first-child{min-height:100dvh}.scroll-film__picture{visibility:visible!important}.scroll-film__video{display:none}.scroll-film__explore,.scroll-film__explore:after{transition:none}}