/* =========================================
   ANIMATIONS — animations.css
   ─────────────────────────────────────────
   All @keyframes in one place.
   To add a new animation, define it here
   and reference it from components.css.
   ========================================= */

@keyframes heroZoom {
  from { transform: scale3d(1, 1, 1) translateZ(0); }
  to   { transform: scale3d(1.08, 1.08, 1) translateZ(0); }
}

@keyframes fadeAlive {
  0%   { opacity: 0; transform: scale(0.5) translateY(10px); filter: blur(4px); }
  100% { opacity: 1; transform: scale(1) translateY(0); filter: blur(0); }
}

@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.6; transform: scale(0.85); }
}

@keyframes shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

@keyframes blinkSep {
  0%, 100% { opacity: 0.5; }
  50%       { opacity: 0.1; }
}

@keyframes fadeSlideDown {
  from { opacity: 0; transform: translateY(-16px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeSlideUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}