/* Deep teal branding with a subtle entrance in the original light layout. */
#hero {
  background: none;
}
#hero::before {
  background: transparent;
}
#hero .hero-wordmark {
  display: block;
  width: 700px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  #hero .hero-wordmark {
    margin-inline: auto;
  }
}

/* Use the site's existing AOS runtime, with a shorter rise for the hero. */
#hero .hero-entrance[data-aos="fade-up"] {
  transform: translate3d(0, 20px, 0);
}
#hero .hero-entrance[data-aos="fade-up"].aos-animate {
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  #hero .hero-entrance[data-aos="fade-up"] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}