/* Retains the approved static poster and existing scrim/layout. */
[data-ambient-video] .hero-visual img { animation: none; }
[data-ambient-video] .ambient-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 68% 28%;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}
[data-ambient-video][data-motion-state="playing"] .ambient-video { opacity: .72; }
[data-ambient-video][data-motion-state="playing"] .hero-visual img { opacity: 0; }
[data-ambient-video] .ambient-video-toggle {
  position: absolute;
  z-index: 2;
  top: 24px;
  left: clamp(28px, 5vw, 56px);
  min-width: 44px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid rgba(240, 197, 106, .45);
  border-radius: 8px;
  color: #edeae3;
  background: rgba(4, 4, 6, .8);
  font: 600 .85rem/1.35 Manrope, system-ui, sans-serif;
  cursor: pointer;
}
[data-ambient-video] .ambient-video-toggle[hidden] { display: none; }
[data-ambient-video] .ambient-video-toggle:focus-visible { outline: 3px solid #f0c56a; outline-offset: 4px; }
@media (max-width: 720px) {
  [data-ambient-video] .ambient-video-toggle { top: 18px; left: max(20px, env(safe-area-inset-left, 0px)); }
}
@media (prefers-reduced-motion: reduce) {
  [data-ambient-video] .ambient-video { display: none; transition: none; }
  [data-ambient-video][data-motion-state="playing"] .hero-visual img { opacity: .72; }
  [data-ambient-video] .ambient-video-toggle { display: none; }
}

/* The motion control pauses the entire hero ambience. */
[data-ambient-video]:not([data-motion-state="playing"]) .medallion,
[data-ambient-video]:not([data-motion-state="playing"]) .live-lumi { animation-play-state: paused; }
[data-ambient-video] .ambient-video-toggle { left: auto; right: clamp(28px, 5vw, 56px); }
@media (max-width: 720px) { [data-ambient-video] .ambient-video-toggle { left: max(20px, env(safe-area-inset-left, 0px)); right: auto; } }