/* ============================================
   Animations
   ============================================ */

/* --- Float animation (hero circles) --- */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

/* --- Marquee scroll --- */
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* --- Pulse --- */
@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* --- Hover lift effect (applied via CSS transition, not keyframes) --- */
/* Already handled by .card:hover and .quick-nav__item:hover in components.css */

/* --- Smooth fade-up on scroll (handled by .reveal class in components.css + JS) --- */
/* The IntersectionObserver in main.js adds .is-visible which triggers the CSS transition */