/* First-screen layout fix: banner + navigation + hero must fit in one viewport. */
#siteBanner,
.site-banner{
  height:250px !important;
  max-height:250px !important;
  min-height:0 !important;
  overflow:hidden !important;
}
#siteBanner picture,
.site-banner picture{
  display:block !important;
  width:100% !important;
  height:100% !important;
}
#siteBanner img,
.site-banner img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}
#home{
  padding:0 !important;
  min-height:0 !important;
  height:calc(100svh - 20px - 250px - 64px) !important;
}
#heroSlider.swiper,
#heroSlider .swiper-wrapper,
#heroSlider .swiper-slide,
#heroSlider .hero-slide{
  min-height:0 !important;
  height:calc(100svh - 20px - 250px - 64px) !important;
}

/* Replace only the three unwanted hero images. The last two hero images are untouched. */
#heroSlider .swiper-slide[data-swiper-slide-index="0"] img,
#heroSlider .hero-slide[data-swiper-slide-index="0"] img{
  content:url("https://images.unsplash.com/photo-1759922378219-1d31edb644f4?auto=format&fit=crop&w=1800&q=88") !important;
}
#heroSlider .swiper-slide[data-swiper-slide-index="1"] img,
#heroSlider .hero-slide[data-swiper-slide-index="1"] img{
  content:url("https://images.unsplash.com/photo-1760161306014-e2dcc13cbdf8?auto=format&fit=crop&w=1800&q=88") !important;
}
#heroSlider .swiper-slide[data-swiper-slide-index="2"] img,
#heroSlider .hero-slide[data-swiper-slide-index="2"] img{
  content:url("https://images.unsplash.com/photo-1646324554833-f0b6a479fa5d?auto=format&fit=crop&w=1800&q=88") !important;
}

@media (max-width:900px){
  #siteBanner,.site-banner{height:170px !important;max-height:170px !important;}
  #home,
  #heroSlider.swiper,
  #heroSlider .swiper-wrapper,
  #heroSlider .swiper-slide,
  #heroSlider .hero-slide{
    height:calc(100svh - 42px - 170px - 56px) !important;
  }
}
@media (max-width:600px){
  #siteBanner,.site-banner{height:130px !important;max-height:130px !important;}
  #home,
  #heroSlider.swiper,
  #heroSlider .swiper-wrapper,
  #heroSlider .swiper-slide,
  #heroSlider .hero-slide{
    height:calc(100svh - 42px - 130px - 54px) !important;
  }
}