.hero-art{display:block;perspective:1000px;height:min(650px,67vw)}
.hero{min-height:820px;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-left:5vw;padding-right:4vw}
.hero-copy{max-width:650px;padding:60px 0}
.hero h1{font-size:clamp(55px,6.6vw,100px)}
.hero-art{position:relative;height:650px;width:100%;z-index:1;perspective:1200px;opacity:1;transform:none}
.hero-art .video-main{inset:0 30% 8% 0;transform:rotate(-3deg);box-shadow:0 30px 80px #0006}
.hero-art .video-shade{background:linear-gradient(0deg,rgba(7,23,38,.4),transparent 45%)}
.hero-art .video-tile{right:0;bottom:0;width:45%;height:65%;border:5px solid var(--navy);transform:rotate(4deg)}
.hero-art .floating-mark{display:none}
.hero .charge-chip{top:35px;right:5%}
.hero-text{color:#f1f2f1;text-shadow:0 2px 12px #071726}
.hero .microcopy{color:#c8d2d8}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:0;padding-top:35px}.hero-copy{padding:30px 0}.hero-art{height:560px}.hero-art .video-tile{display:block}.hero-art .video-main{inset:0 28% 8% 0}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.floating-mark{animation:none}html{scroll-behavior:auto}}
.hero-art .orbit,.hero-art .road-card{display:none}
.video-frame{position:absolute;overflow:hidden;box-shadow:0 45px 100px rgba(0,0,0,.42);background:#0a1823}
.video-frame video{width:100%;height:100%;object-fit:cover;display:block}
.video-main{inset:4% 3% 10% 7%;transform:rotateY(-7deg) rotateZ(2deg);border-radius:3px}
.video-tile{width:40%;height:36%;right:-7%;bottom:1%;border:5px solid var(--navy);transform:rotateZ(-3deg);z-index:3}
.video-shade{position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,23,38,.08),rgba(7,23,38,.62))}
.floating-mark{position:absolute;width:28%;left:-3%;bottom:1%;z-index:5;filter:drop-shadow(0 18px 25px rgba(0,0,0,.45));animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-13px) rotate(-2deg)}}
.cinema{height:min(78vh,820px);min-height:570px;position:relative;overflow:hidden;background:#000}
.cinema-video,.cinema-video video,.cinema-overlay{position:absolute;inset:0;width:100%;height:100%}
.cinema-video video{object-fit:cover;transform:scale(1.04)}
.cinema-overlay{background:linear-gradient(0deg,rgba(7,23,38,.8),transparent 65%)}
.cinema-copy{position:absolute;left:clamp(24px,7vw,110px);bottom:12%;color:white;z-index:2}
.cinema-copy span{font-size:11px;letter-spacing:.24em;color:var(--teal);font-weight:800}
.cinema-copy h2{font-family:Manrope,sans-serif;font-size:clamp(38px,4.8vw,72px);line-height:.98;letter-spacing:-.06em;margin:22px 0 0;text-shadow:0 10px 40px rgba(0,0,0,.3)}
@media(max-width:560px){.video-tile{width:46%;height:32%;right:-2%}.floating-mark{left:0}.cinema{min-height:520px}.cinema-copy h2{font-size:48px}}