.hero{position:relative;height:100svh;min-height:620px;padding:0;overflow:hidden;display:flex;align-items:flex-end}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);will-change:transform}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,10,.55) 0%,rgba(7,8,10,.05) 30%,rgba(7,8,10,.25) 60%,var(--bg) 100%),radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.45) 100%)}
.hero-inner{position:relative;z-index:2;padding:110px var(--pad) clamp(64px,9vh,110px);max-width:1200px}
.kicker{color:var(--accent);margin-bottom:18px;text-shadow:0 1px 10px rgba(0,0,0,.7)}
.hero-title{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(54px,min(12vw,15.5vh),180px);line-height:.86;letter-spacing:-.015em}
.hero-title .line{display:block}
.hero-title .accent{color:transparent;-webkit-text-stroke:2px var(--fg)}
.hero-lede{max-width:560px;margin:24px 0 32px;font-size:clamp(17px,1.6vw,20px);color:rgba(242,239,232,.85)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.scroll-cue{position:absolute;right:var(--pad);bottom:28px;z-index:2;color:rgba(242,239,232,.6);animation:bob 2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(6px)}}

/* FPV goggle OSD overlay */
.osd{position:absolute;inset:0;z-index:1;pointer-events:none;font-family:var(--mono);font-size:12px;color:var(--osd);text-shadow:0 0 6px rgba(0,0,0,.8);letter-spacing:.06em}
.osd>div{position:absolute}
.osd-tl{top:84px;left:var(--pad)}
.osd-tr{top:84px;right:var(--pad);display:flex;gap:8px;align-items:center}
.osd-bl{bottom:30px;left:var(--pad);opacity:.85}
.osd-br{bottom:30px;right:calc(var(--pad) + 110px);display:flex;gap:14px;opacity:.7}
.osd b{font-weight:600;font-size:14px}
.rec{display:inline-flex;align-items:center;gap:6px;color:#fff}
.rec i{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:blink 1.1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.bars{display:inline-flex;gap:2px}.bars i{width:4px;height:10px;background:var(--osd)}.bars i:last-child{opacity:.35}
.osd-horizon{top:46%;left:50%;width:min(46vw,520px);transform:translate(-50%,-50%) rotate(0deg);display:flex;align-items:center;gap:0;opacity:.35;transition:transform .25s ease-out}
.osd-horizon span{flex:1;height:2px;background:var(--osd)}
.osd-horizon .gap{flex:0 0 120px;background:none}
.osd-cross{top:46%;left:50%;width:22px;height:22px;transform:translate(-50%,-50%);opacity:.7}
.osd-cross::before,.osd-cross::after{content:"";position:absolute;background:var(--osd)}
.osd-cross::before{left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%)}
.osd-cross::after{top:50%;left:0;right:0;height:2px;transform:translateY(-50%)}
@media (max-width:700px){.osd-br,.osd-horizon{display:none}.osd-tl,.osd-tr{top:72px}.osd-cross{top:34%}}
