/* ==========================================================================
   animations.css  |  keyframes only
   ========================================================================== */

/* kolam lines draw themselves (paths use pathLength="1") */
@keyframes draw {
  from { stroke-dashoffset: 1; }
  to   { stroke-dashoffset: 0; }
}

@keyframes dot-in {
  from { opacity: 0; transform: scale(0); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes cue-bob {
  0%, 100% { transform: translateY(-2px); }
  50%      { transform: translateY(4px); }
}

@keyframes gal-progress {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}

@keyframes card-in {
  from { opacity: 0; transform: translateY(1.5rem); }
  to   { opacity: 1; transform: none; }
}

@keyframes seal-breathe {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.05); }
}