/* The original framing remains untouched until the page actually scrolls. */
.hero-art.hero-scroll-moving {
  transform: translate3d(0, var(--hero-scroll-y, 0px), 0)
    scale(var(--hero-scroll-scale, 1));
  transform-origin: center center;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .hero-art.hero-scroll-moving {
    transform: none !important;
    will-change: auto;
  }
}