.home-hero-media { position: relative; margin: 0 0 2rem; overflow: hidden; border-radius: 16px; background: #101827; }
.home-hero-poster { display: block; width: 100%; height: auto; }
.home-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; visibility: hidden; background: #101827; }
.home-hero-media.is-playing .home-hero-video { visibility: visible; }
.home-hero-toggle { position: absolute; right: 12px; bottom: 12px; }
.home-hero-toggle[hidden] { display: none; }