/* Warstwa reagująca na kursor, niezależna od animacji spoczynkowej obrazu. */
.hero-art-motion {
  transform: perspective(950px) translate3d(var(--p-x, 0px), var(--p-y, 0px), 0)
    rotateX(var(--p-rx, 0deg)) rotateY(var(--p-ry, 0deg));
  transform-origin: 50% 50%;
  transition: transform 800ms cubic-bezier(.2, .7, .2, 1);
  mix-blend-mode: lighten;
}
.hero-art-motion.is-following {
  transition-duration: 220ms;
  will-change: transform;
}
.motion-paused .hero-art-motion {
  transform: none;
  transition: none;
}
@media (max-width: 760px), (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .hero-art-motion {
    transform: none;
    transition: none;
  }
}