/* Home hero slider responsive media fix June 2026 */

.homeIntro,
.homeIntro .homeHeroSlider,
.homeIntro .swiper-wrapper,
.homeIntro .swiper-slide {
  max-width: 100%;
  overflow: hidden;
}

.homeIntro .newHomeImageHero,
.homeIntro .newHomeVideoHero,
.homeIntro .homeHeroVideoWrap,
.homeIntro .video,
.homeIntro .videoHTML {
  display: block;
  width: 100%;
  max-width: 100%;
}

/* Custom Bootstrap 4 ratio for 2000x1250 assets: 16:10 */
.homeIntro .embed-responsive-16by10::before {
  padding-top: 62.5%;
}

.homeIntro .newHomeImageHero img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.homeIntro .homeHeroVideo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

/* Mobile portrait: force video to respect viewport */
@media (max-width: 767.98px) and (orientation: portrait) {

  .homeIntro,
  .homeIntro .homeHeroSlider,
  .homeIntro .swiper-wrapper,
  .homeIntro .swiper-slide,
  .homeIntro .newHomeVideoHero,
  .homeIntro .homeHeroVideoWrap,
  .homeIntro .video,
  .homeIntro .videoHTML {
    width: 100% !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .homeIntro .homeHeroVideo {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100vw !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;

    object-fit: contain !important;
  }

}