/* The opening is a single typographic scene, composed around the Nerv emblem. */
html.lenis.lenis-smooth{scroll-behavior:auto!important}
.opening.hero{margin:0;padding:0;background:#080c11;overflow:clip}
.opening__stage{position:relative;min-height:calc(100svh - var(--nav-h));isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#a6cbfc0b,transparent 52%)}
.opening__wordmark{position:absolute;top:50%;left:50%;translate:-50% -50%;width:100%;text-align:center;margin:0;font-family:'Inter',sans-serif;font-size:clamp(2.75rem,12.3vw,19rem);font-weight:700;line-height:.95;letter-spacing:-.07em;white-space:nowrap;color:#d9e0e6;z-index:1}
.opening__emblem{position:absolute;top:22%;left:50%;translate:-50% -50%;width:min(35vw,38svh,460px);aspect-ratio:1;z-index:2;pointer-events:none}
.opening__emblem img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 40px #a6cbfc12)}
.opening__caption{position:absolute;top:74%;inset-inline:1.5rem;text-align:center;z-index:3}
.opening__caption>span{font-size:.875rem;letter-spacing:.26em;text-transform:uppercase;color:#a9b6c4}
.opening__caption p{margin-top:1.2rem;font-size:1.05rem;color:#c5ced9;font-style:italic}
.opening__scroll{position:absolute;bottom:2.5rem;left:50%;translate:-50% 0;display:flex;align-items:center;flex-direction:column;gap:.75rem;font-size:.8rem;color:#97a4b4;z-index:5}
.opening__scroll>span:last-child{font-size:1.5rem;font-weight:300}
.opening__story{position:relative;margin:calc(100svh - var(--nav-h)) auto 0;max-width:48rem;padding:4rem 1.5rem;z-index:4}
.opening__story h2{font-size:clamp(2rem,3.7vw,4rem);line-height:1.12;letter-spacing:-.04em;margin:1.4rem 0}
.opening__story em{font-style:normal;color:var(--brand)}
.opening__story>p{color:var(--text-mute);font-size:1.05rem;line-height:1.9}
.opening__story .btn-row{margin-top:2rem}
.opening-stats{background:#080c11;padding:0 2rem 2rem}.opening-stats .stats.wrap{max-width:var(--max);border-bottom:1px solid var(--line-soft);border-radius:0;background:none}
.editorial-motion .opening{height:255svh}
.editorial-motion .opening__stage{position:sticky;top:var(--nav-h);height:calc(100svh - var(--nav-h));min-height:0}
.editorial-motion .opening__wordmark{opacity:var(--title-opacity,1);transform:translateY(var(--title-y,0px)) scale(var(--title-scale,1))}
.editorial-motion .opening__emblem{transform:translate(var(--emblem-x,0px),var(--emblem-y,0px)) scale(var(--emblem-scale,1)) rotate(var(--emblem-turn,-9deg));opacity:var(--emblem-opacity,1)}
.editorial-motion .opening__caption,.editorial-motion .opening__scroll{opacity:var(--caption-opacity,1)}
.editorial-motion .opening__story{position:absolute;margin:0;top:50%;inset-inline-start:51%;width:44%;max-width:44rem;padding:1.5rem 2rem;translate:0 -50%;transform:translateY(var(--story-y,65px));opacity:var(--story-opacity,0)}
.editorial-motion .flow-item{opacity:var(--flow-opacity,1);translate:0 var(--flow-y,0px)}
.editorial-motion .flow-item:focus-within{opacity:1;translate:none}
[dir=rtl] .opening__wordmark{font-family:'Inter',sans-serif;letter-spacing:-.07em;line-height:.95}
[dir=rtl] .opening__story h2{letter-spacing:0;line-height:1.4}
[dir=rtl] .opening__caption>span{letter-spacing:0}
@media(max-width:799px){
 .opening__wordmark{top:50%;font-size:12.3vw}
 .opening__emblem{top:22%;width:min(72vw,36svh,340px)}
 .opening__caption{top:66%}.opening__caption>span{font-size:.75rem;letter-spacing:.12em}
 .opening__caption p{font-size:.9rem}.opening__scroll{bottom:2rem;white-space:nowrap}
 .editorial-motion .opening{height:225svh}
 .editorial-motion .opening__story{inset-inline:0;width:100%;padding:1.5rem;max-width:40rem;margin-inline:auto}
 .opening__story h2{font-size:clamp(1.8rem,6.5vw,3rem)}.opening__story>p{font-size:1rem;line-height:1.8}
 .opening-stats{padding:0 1.5rem 1.5rem}.opening-stats .stats.wrap{max-width:100%}
}
@media(max-height:570px){.editorial-motion .opening{height:auto}.editorial-motion .opening__stage{height:auto;position:relative;top:0;min-height:36rem}.editorial-motion .opening__story{position:relative;inset:auto;width:auto;translate:none;transform:none;opacity:1;margin:100svh auto 0}.editorial-motion .opening__wordmark{opacity:1;transform:none;top:52vh}.editorial-motion .opening__emblem{top:22vh;opacity:1;transform:none;width:34vh}.opening__caption{top:73vh}.opening__scroll{display:none}}
@media print{.opening__stage{min-height:20rem}.opening__wordmark{font-size:12vw}.opening__story{margin-top:20rem}.flow-item{opacity:1!important;translate:none!important}}
html:not(.editorial-motion) .opening__wordmark{top:calc((100svh - var(--nav-h)) * .50)}
html:not(.editorial-motion) .opening__emblem{top:calc((100svh - var(--nav-h)) * .22)}
html:not(.editorial-motion) .opening__caption{top:calc((100svh - var(--nav-h)) * .74)}
html:not(.editorial-motion) .opening__scroll{display:none}

/* Hide the page scrollbar while retaining native wheel, touch and keyboard scrolling. */
html,body{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}