.landing-hero--video{position:relative;isolation:isolate;overflow:hidden;margin:32px 0;padding:56px 32px;gap:32px;border:1px solid var(--border);border-radius:24px;background:var(--bg)}
.landing-hero-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none}
.landing-hero-backdrop img,.landing-hero-backdrop video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.landing-hero-backdrop video{opacity:0}
.landing-hero-backdrop.has-frame video{opacity:1}
.landing-hero--video::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,22,34,.97),rgba(9,22,34,.88) 48%,rgba(9,22,34,.42)),linear-gradient(0deg,rgba(9,22,34,.5),transparent 45%);pointer-events:none}
.landing-hero--video .landing-preview{background:linear-gradient(140deg,rgba(22,54,47,.94),rgba(16,35,51,.88) 65%)}
.landing-hero-motion{min-height:44px;padding:8px 14px;margin-top:4px;border:1px solid #6b8598;border-radius:8px;background:rgba(9,22,34,.75);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.landing-hero-motion[hidden]{display:none}
@media(max-width:820px){.landing-hero--video{margin:24px 0;padding:32px 22px;gap:28px}.landing-hero--video::before{background:linear-gradient(180deg,rgba(9,22,34,.91),rgba(9,22,34,.85) 55%,rgba(9,22,34,.6))}.landing-hero-backdrop img,.landing-hero-backdrop video{object-position:70% 50%}}
@media(max-width:480px){.landing-hero--video{padding:28px 18px;border-radius:18px}.landing-hero--video .landing-preview{padding:18px}.landing-hero--video .preview-bracket{gap:8px}.landing-hero--video .preview-match{padding:8px}}
@media(prefers-reduced-motion:reduce){.landing-hero-backdrop video{display:none}}