.hero-video-enabled .hero-bg img,
.hero-video-enabled .hero-bg .hero-video {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center;
  filter:saturate(.85) sepia(.1) brightness(.9);
  animation:none; transform:none;
}
.hero-video-enabled .hero-bg .hero-video { opacity:0; pointer-events:none; }
.hero-video-enabled.is-video-playing .hero-bg .hero-video { opacity:1; }
.hero-video-enabled.is-video-playing .hero-bg img { opacity:0; }
.hero-motion-toggle {
  position:absolute; z-index:3; right:24px; bottom:20px;
  min-height:44px; padding:8px 14px; border:1px solid rgba(247,244,236,.5);
  border-radius:3px; background:rgba(34,34,34,.65); color:#f7f4ec;
  font:inherit; font-size:12px; cursor:pointer;
}
.hero-motion-toggle[hidden] { display:none; }
.hero-motion-toggle:focus-visible { outline:2px solid #c9a063; outline-offset:4px; }
@media (min-width:1800px) and (min-aspect-ratio:21/10) {
  .hero-video-enabled .hero-bg img,
  .hero-video-enabled .hero-bg .hero-video { object-fit:contain; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-video-enabled .hero-bg .hero-video { display:none; }
  .hero-video-enabled.is-video-playing .hero-bg img { opacity:1; }
  .hero-video-enabled .hero-motion-toggle { display:none; }
}