.hero-media picture { display: block; width: 100%; height: 100%; }
.hero-background-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; pointer-events: none; }
.hero-background-video.is-playing { opacity: 1; }
.hero-video-toggle { position: absolute; z-index: 3; top: 108px; right: max(24px, calc((100% - 1180px) / 2)); display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #7778; color: #fff; background: #1119; cursor: pointer; font-size: 16px; }
.hero-video-toggle[hidden] { display: none; }
.hero-video-toggle:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; }
@media(max-width:760px) { .hero-video-toggle { top: 80px; right: 16px; } }