@keyframes float {
  0%,
  100% {
    transform: rotateY(-8deg) rotateX(4deg) translateY(0);
  }
  50% {
    transform: rotateY(-8deg) rotateX(4deg) translateY(-10px);
  }
}

@keyframes bounceDown {
  0%,
  100% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(6px);
    opacity: 0.55;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pressDown {
  50% {
    transform: scale(0.97);
  }
}

.animate-press {
  animation: pressDown 0.2s ease;
}

.hero__copy > * {
  animation: fadeInUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hero__copy .section-eyebrow {
  animation-delay: 0.05s;
}
.hero__title {
  animation-delay: 0.12s;
}
.hero__subtitle {
  animation-delay: 0.2s;
}
.hero__actions {
  animation-delay: 0.28s;
}
.hero__note {
  animation-delay: 0.36s;
}

@media (max-width: 900px) {
  @keyframes float {
    0%,
    100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }
}