.home-hero .heroMedia { position:relative; isolation:isolate; }
.hero-motion-control[hidden] { display:none; }
.hero-motion-control { display:block; margin:12px 0 0 auto; padding:8px 14px; border:1px solid rgba(110,231,255,.3); border-radius:999px; background:#101b2b; color:#d9f8ff; font:inherit; font-size:.85rem; cursor:pointer; }
@media (prefers-reduced-motion:no-preference) {
  .hero-motion { transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition:transform .5s ease; }
  .hero-motion img { animation:hero-drift 18s ease-in-out infinite alternate; }
  .hero-motion::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,transparent 30%,rgba(110,231,255,.13) 48%,transparent 65%); transform:translateX(-110%); animation:hero-light 14s ease-in-out infinite; }
  .hero-motion.is-paused img,.hero-motion.is-paused::after { animation-play-state:paused; }
  .hero-motion.is-paused { transform:none; }
  @keyframes hero-drift { from { transform:scale(1); } to { transform:scale(1.035); } }
  @keyframes hero-light { 0%,30% { transform:translateX(-110%); } 65%,100% { transform:translateX(110%); } }
}