/* Match homepage hero visual height to the How It Works page hero */
#page-home .studio-hero-visual,
#page-home .hero-visual,
#page-home .hero-media,
#page-home .hero-image,
#page-home .ms-hero > figure {
  height: 420px !important;
  min-height: 420px !important;
  max-height: 420px !important;
  overflow: hidden !important;
}
#page-home .studio-hero-visual img,
#page-home .hero-visual img,
#page-home .hero-media img,
#page-home .hero-image img,
#page-home .ms-hero > figure > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
@media (max-width: 767px) {
  #page-home .studio-hero-visual,
  #page-home .hero-visual,
  #page-home .hero-media,
  #page-home .hero-image,
  #page-home .ms-hero > figure {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
  }
}