/* Scroll-controlled opening scene. Progressive enhancement: normal page without JS. */
.intro-scroll{position:relative;background:var(--hero-bg)}
.intro-scroll .hero{view-timeline-name:none}
.intro-scroll .hero-copy,.intro-scroll .hero-art img,.intro-scroll .hero-brand{animation:none!important;animation-timeline:auto!important}
.intro-scroll.intro-ready{height:260svh}
.intro-ready .hero{position:sticky;top:0;height:100svh;min-height:0;max-height:none;overflow:hidden}
.intro-ready .hero-art{will-change:transform;transform-origin:55% 42%}
.intro-ready .hero-art img{transform:none!important}
.intro-ready .hero-copy{will-change:transform,opacity}
.intro-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c0a08e6,#0c0a0866 65%,#0c0a0844);opacity:0;pointer-events:none;z-index:2}
.intro-second{position:absolute;z-index:4;left:var(--pad);right:var(--pad);top:50%;margin-top:-150px;opacity:0;visibility:hidden;max-width:1240px;color:var(--hero-text)}
.intro-second>p:first-child{font-size:11px;letter-spacing:.16em;color:var(--accent);margin-bottom:22px}
.intro-second h2{font-size:clamp(38px,5.6vw,90px);line-height:1.08;letter-spacing:-.055em;color:var(--hero-text)}
.intro-second h2 span{display:block;color:var(--accent)}.intro-second h2 br{display:none}
.intro-second-copy{font-size:16px;color:var(--hero-muted);margin:24px 0}
.intro-progress{display:none;position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff18;z-index:5}
.intro-ready .intro-progress{display:block}
.intro-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left center}
@media(max-width:760px){.intro-scroll.intro-ready{height:245svh}.intro-ready .hero-copy{bottom:19%;top:auto}.intro-ready .hero-art{width:120%;right:-27%;height:86%;top:-3%}.intro-second{top:48%;margin-top:-110px}.intro-second h2{font-size:clamp(27px,7.3vw,54px)}.intro-second-copy{font-size:14px;max-width:260px}.intro-second>p:first-child{font-size:9px;letter-spacing:.08em}.intro-second .action{font-size:12px}}
@media(max-height:620px) and (min-width:761px){.intro-ready .hero-copy{top:21%}.intro-ready .hero-copy h1{font-size:4.3vw}.intro-ready .hero-intro{margin:14px 0;font-size:13px}.intro-ready .hero-brand{font-size:8vw;bottom:1vw}.intro-second{margin-top:-125px}.intro-second h2{font-size:4.8vw}}
@media(prefers-reduced-motion:reduce){.intro-scroll.intro-ready{height:auto}.intro-ready .hero{position:relative;height:100svh;min-height:650px}.intro-second,.intro-shade,.intro-progress{display:none!important}.intro-scroll .hero-copy,.intro-scroll .hero-art,.intro-scroll .hero-brand{transform:none!important;opacity:1!important;visibility:visible!important}}