.hero-video::before{display:none}
.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:var(--void)}
.hero-media .hero-poster,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% center;pointer-events:none}
.hero-media video{opacity:0;transition:opacity .8s ease}
.hero-video.has-video-frame .hero-media video{opacity:1}
.hero-video::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(5,9,15,.94) 0%,rgba(5,9,15,.79) 40%,rgba(5,9,15,.38) 100%),linear-gradient(0deg,rgba(5,9,15,.88) 0%,transparent 38%,rgba(5,9,15,.2) 100%)}
.hero-video-controls{display:flex;justify-content:flex-end;min-height:44px;margin-top:18px}
.hero-video-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid rgba(169,182,204,.3);border-radius:999px;background:rgba(5,9,15,.72);color:var(--ink);font:500 .73rem var(--mono);cursor:pointer;transition:background .2s,border-color .2s}
.hero-video-toggle:hover{background:rgba(20,34,58,.92);border-color:var(--sky)}
.hero-video-toggle svg{width:15px;height:15px;flex:none}
.hero-video-toggle .video-play-icon{display:none}
.hero-video-toggle.is-paused .video-pause-icon{display:none}
.hero-video-toggle.is-paused .video-play-icon{display:block}
@media (max-width:960px){.hero-video::after{background:linear-gradient(90deg,rgba(5,9,15,.88),rgba(5,9,15,.6)),linear-gradient(0deg,rgba(5,9,15,.92),transparent 60%)}.hero-media .hero-poster,.hero-media video{object-position:44% center}}
@media (prefers-reduced-motion:reduce){.hero-media video{display:none;transition:none}}