@media (prefers-reduced-motion: no-preference) {
  .s5-card {
    transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .s5-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 58px rgba(16, 39, 31, 0.1);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}