/* Carousel + overlay motion already in components.css. Reveal on scroll. */
@media (prefers-reduced-motion: no-preference) {
  .reveal {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.45s ease, transform 0.45s ease;
  }

  .reveal.is-visible {
    opacity: 1;
    transform: none;
  }

  .service-card {
    transition: transform 0.25s ease;
  }

  .service-card:hover {
    transform: translateY(-3px);
  }

  .btn,
  .service-card__label {
    transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
  }
}