/* Opening footage only. Keep the complete frame at every viewport. */
.hero>.hero-video{position:absolute;top:92px;right:0;width:62%;height:calc(100% - 92px);object-fit:contain;object-position:center;opacity:0;pointer-events:none}
.hero.video-ready>.hero-video{opacity:1}
.hero-video-toggle{position:absolute;right:4%;top:112px;z-index:4;border:1px solid #d5e5eb66;background:#071f30bb;color:#e6eff2;border-radius:2px;padding:10px 14px;min-height:44px;font-size:11px;letter-spacing:.025em}
.hero-video-toggle[hidden]{display:none}
@media(min-width:1201px){
 .hero>.hero-image{left:auto;right:0;width:62%;object-position:center}
 .hero .hero-shade{background:linear-gradient(90deg,#071f30 0%,#071f30 36%,transparent 48%);pointer-events:none}
 .hero .hero-content{width:43%;margin-left:max(56px,calc((100% - 1280px)/2));margin-right:0;padding-right:20px}
 .hero h1{font-size:clamp(42px,3.6vw,63px)}
}
@media(max-width:1200px){
 .hero{--visual-h:56.25vw}
 .hero>.hero-image,.hero>.hero-video{top:84px;left:0;right:0;width:100%;height:var(--visual-h);object-fit:contain;object-position:center}
 .hero .hero-shade{background:none;pointer-events:none}
 .hero-video-toggle{top:94px;right:20px;font-size:10px;padding:8px 12px}
 .hero>.image-credit{top:calc(84px + var(--visual-h) - 20px);right:20px;font-size:7px}
}
@media(max-width:600px){
 .hero>.hero-image,.hero>.hero-video{top:78px}
 .hero-video-toggle{top:86px;min-height:36px}
 .hero>.image-credit{top:calc(78px + var(--visual-h) - 18px)}
}