/* Match the staging homepage hero viewport and scroll frame exactly. */
#hero {
  height: 100svh !important;
}

#hero .hero-media {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

#hero .hero-media img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  transform-origin: 50% 75% !important;
}

@media (max-width: 760px) {
  #hero .hero-media img {
    left: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
}