/* Homepage only: the static hero is the fallback until motion is enabled. */
@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .iga-hero.iga-hero--motion { background:none; background-color:#080808; }
  .iga-hero--motion::before {
    content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
    background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.72)),var(--iga-hero) center/cover;
    transform:perspective(1400px) translate3d(var(--hero-x,0px),var(--hero-y,0px),0) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg)) scale(1.04);
    backface-visibility:hidden;
  }
  .iga-hero--motion .iga-hero__watermark {
    transform:translate(calc(-50% + var(--hero-wx,0px)),calc(-50% + var(--hero-wy,0px)));
  }
  .iga-hero--moving::before { will-change:transform; }
}