/* Native scrolling controls a single full-viewport stage. */
.cinema{position:relative;background:#080b12}.cinema-stage{position:relative}.scene{position:relative;min-height:100svh;overflow:hidden;background:#080b12}.scene-media{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:65% 45%;filter:saturate(.7) brightness(.8);will-change:transform}.scene-film{opacity:0}.scene-film.ready{opacity:1}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b12e8 0%,#080b12b8 23%,#080b121a 70%),linear-gradient(0deg,#080b12de,transparent 60%)}.scene-copy{position:absolute;left:var(--space);right:var(--space);bottom:130px;max-width:1100px;will-change:transform,opacity}.scene-copy h1{font-size:clamp(68px,10.4vw,160px);margin:24px 0 26px}.scene-copy h1 .second{margin-left:5vw}.scene-copy h2{font-size:clamp(58px,8vw,122px);line-height:.98;letter-spacing:-.06em;font-weight:500;margin:24px 0 30px}.scene-copy p{max-width:380px;color:#e1e5ed;font-size:18px;line-height:1.6}.scene-copy .text-link{margin-top:18px}.scene-credit{position:absolute;right:var(--space);bottom:108px;max-width:250px;text-align:right;font-size:9px;letter-spacing:1px;line-height:1.6;color:#bdc5d6}.scene-tag{display:block;width:max-content;margin-top:20px;border:1px solid #ffffff45;padding:8px 12px;font-size:10px;letter-spacing:1px}.scene-paulo .scene-media{object-position:50% 30%}.scene-rafael .scene-media{object-position:55% 35%}.cinema-tools{position:absolute;inset:115px var(--space) auto;z-index:6;display:flex;justify-content:flex-end;align-items:center;gap:24px}.cinema-tools .motion-toggle{position:static}.cinema-skip{font-size:12px;color:#d6deea;padding:10px 0}.cinema-bottom{position:absolute;bottom:30px;left:var(--space);right:var(--space);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:6}.scroll-cue{font-size:10px;letter-spacing:1.8px;color:#d3d9e5}.scroll-cue span{display:inline-block;margin-left:15px;font-size:20px;animation:cue 1.8s ease-in-out infinite}.scene-nav{display:flex;gap:8px}.scene-nav button{border:1px solid #ffffff35;border-radius:50%;background:#090b1270;width:42px;height:42px;font-size:11px;color:#c2cada}.scene-nav button[aria-current=true]{background:#f5f7fb;color:#090b12;border-color:white}.scene-position{font-size:11px;letter-spacing:2px;color:#b9c1d2}.cinema-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(var(--journey,0));transform-origin:left;z-index:6}.scroll-ready .cinema{height:360svh}.scroll-ready .cinema-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}.scroll-ready .scene{position:absolute;inset:0;min-height:0;opacity:0;pointer-events:none;will-change:opacity,clip-path}.scroll-ready .scene:first-child{opacity:1}.scroll-ready .scene.is-current{pointer-events:auto}.motion-paused .scroll-cue span{animation:none}.scene-nav,.cinema-bottom,.cinema-tools{display:none}.scroll-ready .scene-nav,.scroll-ready .cinema-bottom,.scroll-ready .cinema-tools{display:flex}.scroll-ready .scene-intro{z-index:1}.scroll-ready .scene-paulo{z-index:2}.scroll-ready .scene-rafael{z-index:3}@keyframes cue{50%{transform:translateY(7px)}}
@media(max-width:700px){.scroll-ready .cinema{height:330svh}.scene-copy{bottom:145px}.scene-copy h1{font-size:clamp(57px,15vw,104px)}.scene-copy h1 .second{margin-left:0}.scene-copy h2{font-size:clamp(52px,13vw,90px)}.scene-copy p{font-size:15px;max-width:285px}.scene-media{object-position:65% 40%}.scene-shade{background:linear-gradient(0deg,#080b12f2 0%,#080b1290 43%,#080b1210 82%)}.scene-credit{left:var(--space);right:auto;text-align:left;bottom:95px;max-width:280px;font-size:8px}.cinema-tools{top:95px;justify-content:space-between;gap:10px}.cinema-tools .motion-toggle{font-size:10px}.cinema-skip{font-size:10px}.cinema-bottom{bottom:22px}.scroll-cue{font-size:8px;letter-spacing:1px;max-width:110px;line-height:1.6}.scene-position{display:none}.scene-nav button{width:36px;height:36px}.scene-copy .eyebrow{font-size:10px}.scene-tag{font-size:9px;margin-top:13px}.scene-paulo .scene-media{object-position:55% 25%}.scene-rafael .scene-media{object-position:60% 30%}}
@media(max-height:650px) and (min-width:701px){.scene-copy{bottom:95px}.scene-copy h1{font-size:13vh}.scene-copy h2{font-size:12vh}.scene-copy p{font-size:14px}.scene-credit{bottom:88px}.cinema-tools{top:105px}}
.scene-paulo .scene-media,.scene-rafael .scene-media{object-position:50% 0%;transform-origin:center top}
@media(min-width:701px){.scene-paulo .scene-copy h2,.scene-rafael .scene-copy h2{font-size:clamp(56px,6.3vw,100px)}}
@media(max-width:700px){.scene-intro .scene-media{object-position:75% 40%}.scene-paulo .scene-media{object-position:55% 10%}.scene-rafael .scene-media{object-position:60% 18%}}
@media(prefers-reduced-motion:reduce){.scene-media,.scene-copy{will-change:auto}.scroll-cue span{animation:none}.scene-film{display:none}}
.scene-intro .scene-media{object-position:50% 20%;transform-origin:65% 30%}
@media(min-width:701px){.scene-intro .scene-copy h1{font-size:clamp(68px,8.5vw,138px)}.scene-intro .scene-shade{background:linear-gradient(90deg,#080b12ed 0%,#080b12a0 32%,#080b121a 73%),linear-gradient(0deg,#080b12cc,transparent 70%),linear-gradient(180deg,#080b1280,transparent 22%)}}
@media(max-width:700px){.scene-intro .scene-media{object-position:55% 28%}}
@media(max-width:700px){.scene-intro .scene-shade{background:linear-gradient(0deg,#080b12f2 0%,#080b1290 43%,#080b1210 82%),linear-gradient(180deg,#080b1299,transparent 28%)}}
