/* v2.8: resilient mobile home slider - scoped to the actual component, not body.home */
@media screen and (max-width:767px) {
  .sg-immersive-hero.sg-motion-slider {
    display:block!important; position:relative!important; width:100%!important;
    height:640px!important; min-height:640px!important; max-height:none!important;
    overflow:hidden!important; visibility:visible!important; opacity:1!important;
    margin-inline:auto!important;
  }
  .sg-immersive-hero.sg-motion-slider > .sg-slides {
    display:block!important; position:absolute!important; inset:0!important;
    width:100%!important; height:100%!important; min-height:100%!important;
    overflow:hidden!important;
  }
  .sg-immersive-hero.sg-motion-slider .sg-slide.sg-scene {
    position:absolute!important; inset:0!important;
    width:100%!important; height:100%!important; min-width:0!important;
    margin:0!important; padding:22px 18px 65px!important;
    display:flex!important; flex-direction:column!important; align-items:stretch!important;
    justify-content:flex-start!important; overflow:hidden!important;
  }
  .sg-immersive-hero.sg-motion-slider .sg-slide.sg-scene.is-active {
    visibility:visible!important; opacity:1!important; pointer-events:auto!important;
    transform:none!important; z-index:2!important;
  }
  .sg-immersive-hero.sg-motion-slider .sg-slide.sg-scene:not(.is-active) {
    visibility:hidden!important; opacity:0!important; pointer-events:none!important;
  }
  .sg-immersive-hero.sg-motion-slider .sg-hero-copy {
    display:block!important; width:100%!important; flex:none!important; opacity:1!important;
    transform:none!important; position:relative!important; z-index:4!important;
  }
  .sg-immersive-hero.sg-motion-slider .sg-hero-visual {
    display:grid!important; flex:none!important; width:100%!important;
    height:255px!important; min-height:255px!important;
    margin-top:12px!important; position:relative!important;
  }
  .sg-immersive-hero.sg-motion-slider .sg-hero-visual > img {max-height:245px!important;object-fit:contain!important}
  .sg-immersive-hero.sg-motion-slider .sg-slider-arrow {display:grid!important;z-index:9!important;top:71%!important}
  .sg-immersive-hero.sg-motion-slider .sg-hero-dots {display:flex!important;position:absolute!important;bottom:20px!important;z-index:9!important}
}
@media screen and (max-width:389px) {
  .sg-immersive-hero.sg-motion-slider {height:675px!important;min-height:675px!important}
  .sg-immersive-hero.sg-motion-slider .sg-hero-visual {height:225px!important;min-height:225px!important}
}