/* Video comparison only; the main homepage keeps its approved still image. */
.hero-with-video .hero-media{position:absolute;inset:0;overflow:hidden}
.hero-video-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-video{opacity:0;transition:opacity .35s ease;pointer-events:none}
.hero-media.has-video .hero-video{opacity:1}
.hero-with-video .hero-shade{pointer-events:none;background:linear-gradient(90deg,rgba(10,21,34,.8) 0%,rgba(10,21,34,.65) 34%,rgba(10,21,34,.18) 68%,rgba(10,21,34,.04)),linear-gradient(0deg,rgba(10,21,34,.6),transparent 36%)}
.video-toggle{position:absolute;right:max(22px,6vw);bottom:20px;z-index:3;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid #ffffff80;border-radius:24px;background:#10264be6;color:#fff;font-family:var(--interface-font);font-size:14px;font-weight:600;line-height:1.4}
.video-toggle:hover{background:var(--brand-blue)}
.video-toggle:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.video-toggle-icon{font-size:16px;line-height:1;width:16px;text-align:center}
@media(max-width:760px){
 .hero-with-video .hero-media{position:relative;inset:auto;grid-column:1;grid-row:2;width:100%;aspect-ratio:16/9;min-width:0}
 .hero-with-video .video-toggle{right:16px;bottom:16px;padding:10px 14px}
}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}}