hero-background-video { display: block; position: absolute; inset: 0; }
hero-background-video video,
hero-background-video .hero-media-preview,
hero-background-video .hero-media-preview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
hero-background-video .hero-media-preview { z-index: 1; pointer-events: none; }
hero-background-video[data-playing] .hero-media-preview { visibility: hidden; }
hero-background-video .hero-media-play { position: absolute; right: 16px; bottom: 16px; z-index: 3; border: 1px solid white; border-radius: 5px; padding: 10px 16px; background: #000b; color: white; font: inherit; cursor: pointer; }
hero-background-video .hero-media-play[hidden] { display: none; }
hero-background-video .hero-media-play:focus-visible { outline: 2px solid white; outline-offset: 3px; }