/**
 * Hero scroll parallax — CSS scroll-driven (Chrome 115+), off when reduced motion.
 */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: scroll()) {
    .hero-scroll-parallax {
      animation: hero-scroll-parallax linear both;
      animation-timeline: scroll(root block);
      animation-range: entry 0% exit 100%;
    }
  }
}

@keyframes hero-scroll-parallax {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-32px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-scroll-parallax {
    animation: none !important;
    transform: none !important;
  }
}