/* Scoped to the experimental hero. NEXUS and later sections are unchanged. */
.portrait-variant .hero{background:#000!important;min-height:900px!important}
.portrait-variant .hero:before{display:none}
.portrait-variant .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2vw;min-height:690px;align-items:center}
.portrait-variant .hero-copy{width:100%;max-width:620px}
.portrait-variant .human-stage{position:relative;width:100%;max-width:620px;aspect-ratio:1084/1451;margin:0 auto;pointer-events:auto;align-self:center}
.portrait-variant .human-layer,.portrait-variant .portrait-composite{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}
.portrait-variant .portrait-composite{pointer-events:none;opacity:0}
.portrait-variant [data-state=ready] .human-layer{opacity:0}
.portrait-variant [data-state=ready] .portrait-composite{opacity:1}
.portrait-variant .human-layer{mask-image:linear-gradient(to bottom,#000 45%,rgba(0,0,0,.8) 61%,rgba(0,0,0,.3) 76%,transparent 97%)}
.portrait-variant .scan-control{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:12px 17px;border:1px solid #32627b;background:#000;color:#a4e6ff;font:600 10px/1.4 Arial,sans-serif;letter-spacing:.13em;cursor:pointer}
.portrait-variant .scan-control:hover{border-color:#83ddff;color:#fff}
.portrait-variant .scan-control:focus-visible{outline:2px solid #83ddff;outline-offset:5px}
.portrait-variant [data-state=loading] .scan-control{visibility:hidden}
.portrait-variant .scan-status{position:absolute;bottom:45px;left:0;right:0;text-align:center;color:#9cb5c6;font-size:11px}
.portrait-variant .scan-status:empty{display:none}
.portrait-variant #heroBinary{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.portrait-variant .instructions-icon{animation:none}
@media(max-width:1100px) and (min-width:851px){.portrait-variant .hero h1{font-size:clamp(42px,5.4vw,66px)}}
@media(max-width:850px){.portrait-variant .hero{min-height:0!important}.portrait-variant .hero-grid{display:flex;flex-direction:column;gap:24px!important;min-height:0}.portrait-variant .hero-copy{max-width:620px;margin:0 auto}.portrait-variant .human-stage{width:min(100%,480px)}.portrait-variant .hero h1{white-space:normal}}
@media(prefers-reduced-motion:reduce){.portrait-variant *,.portrait-variant *:before,.portrait-variant *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}