/* Let each home hero image define its own height and keep slider controls on its edges. */
.mih-home-reference .mih130-hero{
  position:relative;
  display:block;
  width:100%;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  align-self:center;
  overflow:hidden;
  background:none!important;
}
.mih-home-reference .mih130-hero-image{
  position:relative;
  z-index:0;
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:contain;
  opacity:1;
  transition:opacity .28s ease-in-out;
}
.mih-home-reference .mih130-hero-image.is-transitioning{opacity:0}
.mih-home-reference .mih130-hero .be-hero-main-link{z-index:1}
.mih-home-reference .mih130-hero .be-hero-btn{
  z-index:4;
  top:50%!important;
  display:grid!important;
  transform:translateY(-50%)!important;
}
.mih-home-reference .mih130-hero .be-hero-prev{left:clamp(10px,1.5vw,22px)!important;right:auto!important}
.mih-home-reference .mih130-hero .be-hero-next{right:clamp(10px,1.5vw,22px)!important;left:auto!important}
@media(max-width:760px){
  .mih-home-reference .mih130-hero .be-hero-prev{left:10px!important;width:29px}
  .mih-home-reference .mih130-hero .be-hero-next{right:10px!important;width:29px}
}
@media(prefers-reduced-motion:reduce){.mih-home-reference .mih130-hero-image{transition:none}}
