/* Mobile slider height: the active slide defines the hero's height.
   Its background always covers that full height, including extra content space. */
@media(max-width:700px){
 .hero[data-hero-slider]{
  --hero-mobile-min-height:calc(100dvh - 106px);
  position:relative!important;
  display:block!important;
  height:auto!important;
  min-height:max(560px,var(--hero-mobile-min-height))!important;
  background:#110b2a!important;
  overflow:hidden!important;
  isolation:isolate;
 }
 .hero[data-hero-slider]>.hero-slide{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
 }
 .hero[data-hero-slider]>.hero-slide.is-active{
  position:relative!important;inset:auto!important;
  width:100%!important;height:auto!important;
  min-height:max(560px,var(--hero-mobile-min-height))!important;
  overflow:hidden!important;
 }
 .hero[data-hero-slider]>.hero-slide .hero-bg,
 .hero[data-hero-slider]>.hero-slide .hero-overlay{
  position:absolute!important;inset:0!important;
  display:block!important;width:100%!important;height:100%!important;
  min-height:100%!important;
 }
 .hero[data-hero-slider]>.hero-slide .hero-bg{
  object-fit:cover!important;object-position:center center!important;
 }
 .hero[data-hero-slider]>.hero-slide.is-active .hero-inner{
  box-sizing:border-box!important;
  min-height:max(560px,var(--hero-mobile-min-height))!important;
 }
 /* The first banner can grow to fit its cards without revealing the page below. */
 .hero[data-hero-slider]>.hero-slide-brand.is-active .hero-inner{
  height:auto!important;min-height:max(560px,var(--hero-mobile-min-height))!important;
 }
 /* Third banner has a separate card stack below the copy. */
 .hero[data-hero-slider]>.hero-slide-growth.is-active{
  min-height:max(560px,var(--hero-mobile-min-height))!important;
 }
 .hero[data-hero-slider]>.hero-slide-growth.is-active .hero-inner{
  min-height:0!important;
 }
 .hero[data-hero-slider] .hero-pagination{
  bottom:16px!important;
 }
}
@media(max-width:700px) and (max-height:680px){
 .hero[data-hero-slider]{--hero-mobile-min-height:calc(100dvh - 106px)}
}