.stage.hero-motion .hero-video {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  z-index:1; opacity:0; pointer-events:none; transition:opacity .25s ease;
}
.stage.hero-motion.is-playing-ready .hero-video { opacity:1; }
.stage.hero-motion .art-caption { z-index:3; }
.stage.hero-motion::after { z-index:4; }
.hero-motion-toggle {
  position:absolute; top:18px; right:18px; z-index:5;
  width:42px; height:42px; padding:0; display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.85); border-radius:50%;
  color:#172b0b; background:rgba(255,255,255,.76); backdrop-filter:blur(12px);
  box-shadow:0 2px 10px rgba(25,53,62,.08); cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.hero-motion-toggle:hover { background:rgba(255,255,255,.95); transform:scale(1.04); }
.hero-motion-toggle:focus-visible { outline:3px solid #172b0b; outline-offset:3px; }
.hero-motion-toggle svg { width:18px; height:18px; fill:currentColor; }
.hero-motion-toggle[hidden],.hero-motion-toggle svg[hidden] { display:none; }
@media (max-width:600px) { .hero-motion-toggle { top:12px; right:12px; } }
@media (prefers-reduced-motion:reduce) {
  .stage.hero-motion .hero-video { opacity:0!important; transition:none; }
  .hero-motion-toggle { display:none; }
}