/* ==========================================================
   KEYFRAMES
   Note: GSAP handles most motion via JS (main.js).
   This file holds simple CSS-only loops (cursor blink,
   ambient glow drift) that don't need JS control.
   ========================================================== */

@keyframes blink {
  0%, 45% { opacity: 1; }
  46%, 100% { opacity: 0; }
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@keyframes drift {
  0%   { transform: translate(-50%, 0) scale(1); }
  50%  { transform: translate(-50%, 30px) scale(1.05); }
  100% { transform: translate(-50%, 0) scale(1); }
}

.hero-glow {
  animation: drift 10s ease-in-out infinite;
}

/* Respect users who've asked for less motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}