@keyframes slide-up-rocket {
  0% {
    top: 60vh;
    opacity: 1;
  }
  100% {
    top: 25vh;
    opacity: 1;
  }
}

@keyframes slide-up-waves {
  0% {
    bottom: -30vh;
    opacity: 0;
  }
  100% {
    bottom: 0;
    opacity: 1;
  }
}

@keyframes slide-up-base {
  0% {
    bottom: -14rem;
    opacity: 0;
  }
  100% {
    bottom: 0;
    opacity: 1;
  }
}

.hero {
  position: relative;
  min-height: 100vh;
}

.hero .header-waves {
  min-height: 100vh;
  animation: slide-up-waves 500ms;
}

.hero-rocket-wrapper {
  position: absolute;
  top: 25vh;
  left: 50%;
  z-index: 1;
  opacity: 0;
  animation: slide-up-rocket 400ms 800ms cubic-bezier(0.11, 0, 0.5, 0);
  animation-fill-mode: forwards;
}

.hero-rocket {
  width: 71px;
  height: 151.111111111px;
  transform: translate(-50%, -25%);
}

.hero .header-base {
  opacity: 0;
  animation: slide-up-base 500ms 300ms;
  animation-fill-mode: forwards;
  min-height: 18rem;
}

.hero .heading {
  font-size: 5rem;
}

@media (max-width: 768px) {
  .hero .heading {
    font-size: 4rem;
  }
}

.cover-the-wonky-animations-shhhh {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 25vh;
  background-color: var(--bg);
}

.about-us-image {
  aspect-ratio: 2 / 1;
  object-fit: cover;
  overflow: hidden;
}