/* V199 - proportional hero imagery and no horizontal cropping. */
.home-v199 .v198-hero{
  grid-template-columns:46% 54%;
  min-height:390px;
}
.home-v199 .v198-hero-copy{
  padding-top:34px;
  padding-bottom:32px;
}
.home-v199 .v198-hero h1{
  font-size:clamp(29px,2.75vw,46px);
  line-height:1.5;
  margin-top:15px;
}
.home-v199 .v198-hero-copy p{
  font-size:14px;
  line-height:1.9;
}
.home-v199 .v198-scenes{
  min-height:390px;
  height:390px;
  background:#eaf3fc;
}
.home-v199 .v198-scenes>img{
  width:100%;
  height:390px;
  min-height:0;
  object-fit:contain;
  object-position:center center;
}
.home-v199 .v198-scenes:after{
  background:linear-gradient(90deg,transparent 89%,rgba(244,249,255,.7) 97%,#f4f9ff 100%);
}
.home-v199 .v198-scene-cards{
  bottom:16px;
  gap:9px;
}
.home-v199 .v198-scene-cards span{
  padding:9px 11px;
}

@media(max-width:1050px){
  .home-v199 .v198-hero{grid-template-columns:1fr}
  .home-v199 .v198-scenes{
    height:auto;
    min-height:0;
    background:#eef6ff;
  }
  .home-v199 .v198-scenes>img{
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:2/1;
    object-fit:contain;
    object-position:center;
  }
}

@media(max-width:720px){
  .home-v199 .v198-hero-copy{padding:29px 18px 25px}
  .home-v199 .v198-scenes{overflow:visible}
  .home-v199 .v198-scenes>img{
    height:auto;
    min-height:0;
    aspect-ratio:2/1;
    object-fit:contain;
  }
  .home-v199 .v198-scenes:after{display:none}
  .home-v199 .v198-scene-cards{
    position:static;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    padding:10px;
    background:#eef6ff;
  }
  .home-v199 .v198-scene-cards span,
  .home-v199 .v198-scene-cards span:first-child{
    display:grid;
    grid-template-columns:28px 1fr;
    padding:8px 6px;
    border-radius:10px;
  }
  .home-v199 .v198-scene-cards i{
    width:27px;
    height:27px;
    font-size:12px;
  }
  .home-v199 .v198-scene-cards b{font-size:9px}
  .home-v199 .v198-scene-cards small{display:none}
}

@media(max-width:430px){
  .home-v199 .v198-hero h1{font-size:24px}
  .home-v199 .v198-scene-cards{gap:5px;padding:8px 6px}
  .home-v199 .v198-scene-cards span,
  .home-v199 .v198-scene-cards span:first-child{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
  }
}