/* --------------------------------------------------------------------------
   13. KEYFRAMES & SCROLL ANIMATIONS
   -------------------------------------------------------------------------- */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}

@keyframes float-tag-anim {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

@keyframes morph {
  0% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; }
  50% { border-radius: 70% 30% 52% 48% / 60% 40% 60% 40%; }
  100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; }
}

@media (prefers-reduced-motion: reduce) {
  .float-tag,
  .morph-glow {
    animation: none;
  }
}