/* Service Highlights — Motion-driven hover.
   The Motion behavior animates transform on the card, image and arrow.
   We expose the targets via dedicated class hooks; no CSS hover/transition
   here so JS owns the animation timing. */

/* Reduced-motion fallback: rely on CSS only when JS is opted out. */
@media (prefers-reduced-motion: reduce) {
  .service-highlights__item:hover .service-highlights__image {
    transform: scale(1.02);
  }
  .service-highlights__image {
    transition: transform 200ms ease-out;
  }
}