@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-16px); }
}
.float-slow { animation: floatY 7s ease-in-out infinite; }
.float-med { animation: floatY 5s ease-in-out infinite; animation-delay: 0.6s; }

@keyframes blobMove {
  0%, 100% { border-radius: 42% 58% 63% 37% / 41% 44% 56% 59%; }
  50% { border-radius: 61% 39% 40% 60% / 58% 47% 53% 42%; }
}
.hero-blob-shape { animation: blobMove 9s ease-in-out infinite; }