body.home .hmc-home-hero-content {
  position: relative;
  overflow: hidden;
}

body.home .hmc-home-hero-content::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: var(--hmc-hero-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  animation: fadeInBg 2s ease-out forwards;
  z-index: -1;
}

@keyframes fadeInBg {
  from { opacity: 0; }
  to   { opacity: 1; }
}

body.home .hmc-home-hero-content h1,
body.home .hmc-home-hero-content > .wp-block-group p,
body.home .hmc-home-hero-content > .wp-block-group .wp-block-buttons {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeSlideUp 1s ease-out forwards;
}

body.home .hmc-home-hero-content h1 { animation-delay: 1s; }
body.home .hmc-home-hero-content > .wp-block-group p { animation-delay: 1.3s; }
body.home .hmc-home-hero-content > .wp-block-group .wp-block-buttons { animation-delay: 1.5s; }

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