/* Hero Section Custom Animations */

/* Smooth zoom animation for background */
@keyframes slow-zoom {
  0% { transform: scale(1.1); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1.1); }
}

/* Gradient shift animation */
@keyframes gradient-shift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Floating animation variants */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}

@keyframes float-slow {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-15px); }
}

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

@keyframes float-fast {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
}

/* Wave animations */
@keyframes wave {
  0%, 100% { transform: translateX(0px); }
  50% { transform: translateX(10px); }
}

@keyframes wave-reverse {
  0%, 100% { transform: translateX(0px); }
  50% { transform: translateX(-8px); }
}

/* Gentle animations for cargo elements */
@keyframes gentle-sway {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(1deg); }
}

@keyframes gentle-bounce {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-3px); }
}

/* Apply animations */
.animate-slow-zoom {
  animation: slow-zoom 20s ease-in-out infinite;
}

.animate-gradient-shift {
  animation: gradient-shift 8s ease infinite;
  background-size: 200% 200%;
}

.animate-float {
  animation: float 6s ease-in-out infinite;
}

.animate-float-slow {
  animation: float-slow 8s ease-in-out infinite;
}

.animate-float-medium {
  animation: float-medium 6s ease-in-out infinite;
}

.animate-float-fast {
  animation: float-fast 4s ease-in-out infinite;
}

.animate-wave {
  animation: wave 4s ease-in-out infinite;
}

.animate-wave-reverse {
  animation: wave-reverse 5s ease-in-out infinite;
}

.animate-gentle-sway {
  animation: gentle-sway 10s ease-in-out infinite;
}

.animate-gentle-bounce {
  animation: gentle-bounce 3s ease-in-out infinite;
}