/* AVIX Water v144 — restored utility heroes
   One authoritative hero layer, loaded last. Desktop utility hero is exactly 400px high.
   Uses the same av5-container geometry as the Home page. */

html body.avix-editorial-utility .avix-utility-hero-v144{
  box-sizing:border-box!important;
  height:400px!important;
  min-height:400px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#071d24!important;
  color:#fff!important;
  display:block!important;
}

html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-hero-grid-v144{
  box-sizing:border-box!important;
  height:400px!important;
  min-height:400px!important;
  margin-inline:auto!important;
  padding-top:0!important;
  padding-bottom:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr)!important;
  gap:clamp(40px,5vw,72px)!important;
  align-items:center!important;
}

html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-copy-v144{
  min-width:0!important;
  max-width:780px!important;
  padding:0!important;
  margin:0!important;
  align-self:center!important;
}

html body.avix-editorial-utility .avix-utility-hero-v144 .eyebrow{
  margin:0 0 12px!important;
  padding:0!important;
  color:#4BC8EF!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
html body.avix-editorial-utility .avix-utility-hero-v144 .eyebrow::before{display:none!important}

html body.avix-editorial-utility .avix-utility-hero-v144 h1{
  display:block!important;
  max-width:760px!important;
  margin:0!important;
  color:#fff!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:clamp(43px,3.45vw,54px)!important;
  font-weight:780!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
html body.avix-editorial-utility .avix-utility-hero-v144 h1 span{
  display:block!important;
  white-space:normal!important;
}

html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-lead{
  max-width:720px!important;
  margin:16px 0 0!important;
  color:#c8d3d7!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:430!important;
  line-height:1.5!important;
}

html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:20px 0 0!important;
}
html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-btn{
  box-sizing:border-box!important;
  min-height:46px!important;
  padding:0 20px!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
}
html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-btn.primary{
  border:1px solid #4BC8EF!important;
  background:#4BC8EF!important;
  color:#08222b!important;
}
html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-btn.secondary{
  border:1px solid rgba(75,200,239,.82)!important;
  background:transparent!important;
  color:#fff!important;
}

html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-visual-v144{
  box-sizing:border-box!important;
  width:min(100%,390px)!important;
  height:270px!important;
  justify-self:end!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
}
html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-visual-v144 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.16))!important;
}

/* The editorial document begins as a separate section below the restored hero. */
html body.avix-editorial-utility .avix-utility-hero-v144 + .avix-legal-document{
  border-top:0!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.28fr) minmax(250px,.72fr)!important;
    gap:32px!important;
  }
  html body.avix-editorial-utility .avix-utility-hero-v144 h1{
    font-size:clamp(40px,4.6vw,49px)!important;
  }
  html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-visual-v144{
    width:min(100%,320px)!important;
    height:235px!important;
  }
}

/* Mobile stays exactly 400px too, but removes the decorative visual so the copy breathes. */
@media(max-width:860px){
  html body.avix-editorial-utility .avix-utility-hero-v144,
  html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-hero-grid-v144{
    height:400px!important;
    min-height:400px!important;
  }
  html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-hero-grid-v144{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
    gap:0!important;
  }
  html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-copy-v144{
    width:100%!important;
    max-width:none!important;
  }
  html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-visual-v144{
    display:none!important;
  }
  html body.avix-editorial-utility .avix-utility-hero-v144 .eyebrow{
    margin-bottom:12px!important;
    font-size:11px!important;
  }
  html body.avix-editorial-utility .avix-utility-hero-v144 h1{
    max-width:720px!important;
    font-size:clamp(37px,8.4vw,46px)!important;
    line-height:.99!important;
  }
  html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-lead{
    max-width:680px!important;
    margin-top:15px!important;
    font-size:15px!important;
    line-height:1.48!important;
  }
  html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-actions{
    margin-top:18px!important;
  }
}

@media(max-width:520px){
  html body.avix-editorial-utility .avix-utility-hero-v144 h1{
    font-size:clamp(34px,10vw,42px)!important;
  }
  html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-lead{
    font-size:14.5px!important;
  }
  html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-actions{
    width:100%!important;
    gap:9px!important;
  }
  html body.avix-editorial-utility .avix-utility-hero-v144 .avix-utility-btn{
    flex:1 1 calc(50% - 5px)!important;
    min-width:0!important;
    padding-inline:12px!important;
  }
}
