.custom-scroll-fix {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

.hero-float {
  animation: hero-float 5s ease-in-out infinite;
  will-change: transform;
}

@keyframes hero-float {
  0%,
  100% {
    transform: translateY(0);
  }

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

@media (prefers-reduced-motion: reduce) {
  .hero-float {
    animation: none;
  }
}