/* Hub hero cinematic zoom — edit css/components/hero-cinematic.css */
/* ——— Component: hub hero cinematic zoom ——— */
.hero.hero--immersive .hero-media img {
  transition: transform 9s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: transform;
}

.hero.hero--immersive:hover .hero-media img {
  transform: scale(1.12);
}

@media (prefers-reduced-motion: reduce) {
  .hero.hero--immersive .hero-media img {
    transition: none;
    will-change: auto;
  }

  .hero.hero--immersive:hover .hero-media img {
    transform: scale(1.04);
  }
}