/* AVIX Water v146 — utility hero animation breathing room
   Keep the hero at 400px; enlarge only the visual viewport and allow its
   glow/shadow to paint outside the visual wrapper. The hero itself remains
   the final clipping boundary so nothing can enter the header or next section. */

@media (min-width:1081px){
  html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-hero-grid-v144{
    grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr)!important;
    gap:clamp(36px,4vw,64px)!important;
  }
  html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-visual-v144{
    width:min(100%,520px)!important;
    height:350px!important;
    overflow:visible!important;
  }
}

@media (max-width:1080px) and (min-width:861px){
  html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-hero-grid-v144{
    grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr)!important;
    gap:28px!important;
  }
  html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-visual-v144{
    width:min(100%,400px)!important;
    height:320px!important;
    overflow:visible!important;
  }
}

html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-visual-v144 img{
  overflow:visible!important;
}