/* =======================================================================
   HOME BANNER - desktop + mobile
======================================================================= */

#content.page-home {
  overflow: visible;
}

#content.page-home .home-banner {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  aspect-ratio: 3000 / 400;
  overflow: hidden;
  line-height: 0;
}

#content.page-home .home-banner a,
#content.page-home .home-banner picture {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#content.page-home .home-banner img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.4s ease;
}

#content.page-home .home-banner:hover img {
  transform: scale(1.03);
}

@media (max-width: 767px) {
  #content.page-home .home-banner {
    aspect-ratio: 900 / 1200;
  }

  #content.page-home .home-banner img {
    object-position: center top;
  }

  #content.page-home .home-banner:hover img {
    transform: none;
  }
}