/* ════════════════════════════════════════════════════════
   Animations — keyframes
   ════════════════════════════════════════════════════════ */
@keyframes scroll-x{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}
@keyframes fade-in{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes pulse{
  0%,100%{opacity:1}
  50%{opacity:.5}
}
.fade-in{animation:fade-in .4s var(--ease) both}
.pulse{animation:pulse 1.4s ease-in-out infinite}

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