.hero--home .hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; opacity: 0; pointer-events: none; }
.hero--home .hero__video.is-playing { opacity: 1; }
.hero-video-toggle { position: absolute; z-index: 3; top: 100px; right: 24px; border: 1px solid #ffffff80; background: #17201ecc; color: #fff; padding: 8px 12px; border-radius: 4px; font: inherit; font-size: 12px; cursor: pointer; }
.hero-video-toggle:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.hero-video-toggle[hidden] { display: none; }
@media(max-width:767px), (prefers-reduced-motion:reduce) { .hero--home .hero__video, .hero-video-toggle { display: none; } }