/* =========================================
   animations.css
   GENTLE MOTION SYSTEM
========================================= */

@keyframes floatSoft {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes breathe {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }

  50% {
    transform: scale(1.03);
    opacity: 1;
  }

  100% {
    transform: scale(1);
    opacity: 0.9;
  }
}

@keyframes glowPulse {
  0% {
    box-shadow:
      0 0 0 rgba(255,255,255,0);
  }

  50% {
    box-shadow:
      0 0 30px rgba(255,255,255,0.12);
  }

  100% {
    box-shadow:
      0 0 0 rgba(255,255,255,0);
  }
}


.breathe {
  animation: breathe 7s infinite ease-in-out;
}

.float-soft {
  animation: floatSoft 8s infinite ease-in-out;
}

.glow-pulse {
  animation: glowPulse 6s infinite ease-in-out;
}