@media (prefers-reduced-motion: no-preference) {
  .button,
  .text-link,
  .footer-nav a,
  .footer-bottom a {
    transition:
      background-color 0.2s ease,
      color 0.2s ease,
      transform 0.2s ease;
  }
  .button:hover .icon,
  .text-link:hover .icon {
    transform: translate(2px, -2px);
  }
  .icon,
  .menu-lines span {
    transition: transform 0.2s ease;
  }
  .primary-navigation > a::after {
    transition: transform 0.2s ease;
  }
  .service-card,
  .client-card {
    transition:
      border-color 0.25s ease,
      transform 0.25s ease;
  }
  .whatsapp-fab {
    transition:
      transform 0.18s ease,
      box-shadow 0.18s ease;
  }
  .reveal-pending {
    opacity: 0;
    transform: translateY(18px);
  }
  .reveal-visible {
    opacity: 1;
    transform: translateY(0);
    transition:
      opacity 0.6s ease,
      transform 0.6s ease;
  }
  .primary-navigation.is-open {
    animation: menu-enter 0.18s ease-out;
  }
  @keyframes menu-enter {
    from {
      opacity: 0;
      transform: translateY(-6px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
  .service-card:hover {
    transform: none;
  }
  .reveal-pending {
    opacity: 1;
    transform: none;
  }
}