/* V48 — utility pages use V46 homepage chrome literally. No footer geometry overrides. */
html body.utility-principal-v133{background:#fff!important}
html body.utility-principal-v133 .announce,
html body.utility-principal-v133 .header{font-family:Inter,Arial,Helvetica,sans-serif!important}
html body.utility-principal-v133 .utility-principal-hero-v133>.hero-grid{
  box-sizing:border-box!important;
  width:min(calc(100% - 56px),1280px)!important;
  max-width:1280px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
html body.utility-principal-v133 .utility-principal-hero-v133 .eyebrow,
html body.utility-principal-v133 .principal-section-v93 .eyebrow{color:#D4AF37!important}
html body.utility-principal-v133 .utility-principal-hero-v133 h1,
html body.utility-principal-v133 .utility-principal-hero-v133 h1 span{color:#FFFEFB!important}
html body.utility-principal-v133 .utility-principal-hero-v133 .hero-support-natural-v61{color:#D0CEC7!important}
html body.utility-principal-v133 .utility-principal-hero-v133 .btn.primary{background:#D4AF37!important;border-color:#D4AF37!important;color:#17140A!important}
html body.utility-principal-v133 .utility-principal-hero-v133 .btn.secondary{border-color:rgba(212,175,55,.62)!important;color:#fff!important}

/* Compact AVIX Water-style utility pre-footer. */
.utility-contact-prefooter-v48{margin:0!important;padding:0!important;background:#FBFAF7!important;border-top:1px solid rgba(30,30,26,.09)!important;border-bottom:1px solid rgba(30,30,26,.09)!important}
.utility-contact-prefooter-v48__inner{box-sizing:border-box;width:min(calc(100% - 56px),1280px);max-width:1280px;margin:0 auto;padding:64px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:72px;align-items:center}
.utility-contact-prefooter-v48__copy{min-width:0}
.utility-contact-prefooter-v48 .eyebrow{margin:0 0 15px!important;color:#8F6D0D!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.utility-contact-prefooter-v48 h2{max-width:900px;margin:0!important;color:#1E1E1A!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:clamp(38px,3.4vw,54px)!important;font-weight:650!important;line-height:1.02!important;letter-spacing:-.045em!important;text-wrap:balance!important}
.utility-contact-prefooter-v48__body{max-width:780px;margin:22px 0 0!important;color:#465058!important;font-size:17px!important;line-height:1.55!important}
.utility-contact-prefooter-v48__button{display:inline-flex;align-items:center;justify-content:center;min-width:180px;min-height:52px;padding:0 24px;border-radius:13px;background:#D4AF37;color:#17140A!important;font-size:15px;font-weight:750;line-height:1.2;text-decoration:none;white-space:nowrap}
.utility-contact-prefooter-v48__button:hover,.utility-contact-prefooter-v48__button:focus-visible{background:#E0BE4D;color:#111!important}

/* Utility hero desktop gutter/alignment uses the same line as Home. */
html body.utility-principal-v133 .utility-principal-hero-v133 .hero-copy{padding-left:0!important;margin-left:0!important}

@media(max-width:800px){
  html body.utility-principal-v133 .utility-principal-hero-v133>.hero-grid{width:min(calc(100% - 40px),1280px)!important}
  .utility-contact-prefooter-v48__inner{width:min(calc(100% - 40px),1280px);padding:48px 0;grid-template-columns:1fr;gap:26px}
  .utility-contact-prefooter-v48 h2{font-size:clamp(34px,9.6vw,46px)!important}
  .utility-contact-prefooter-v48__body{margin-top:16px!important;font-size:15.5px!important}
  .utility-contact-prefooter-v48__button{width:100%;min-height:50px}
}
@media(max-width:380px){
  html body.utility-principal-v133 .utility-principal-hero-v133>.hero-grid{width:min(calc(100% - 36px),1280px)!important}
  .utility-contact-prefooter-v48__inner{width:min(calc(100% - 36px),1280px)}
}


/* V50 — utility hero + plain-writing policy treatment */
/* Utility heroes must size to their content; never clip buttons at the section edge. */
html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133{
  height:auto!important;
  min-height:500px!important;
  max-height:none!important;
  overflow:hidden!important;
}
html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133>.hero-grid{
  height:auto!important;
  min-height:500px!important;
  max-height:none!important;
  padding:64px 0 58px!important;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)!important;
  gap:clamp(44px,5vw,74px)!important;
  align-items:center!important;
}
html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133 .hero-copy{
  align-self:center!important;
  max-width:720px!important;
}
html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual{
  align-self:center!important;
  justify-self:end!important;
  width:min(100%,390px)!important;
  height:300px!important;
}
html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual img,
html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual svg{
  max-width:390px!important;
  max-height:300px!important;
}

/* Policy content should read as normal writing, not a stack of shaded cards/panels. */
html body.utility-principal-v133 main .utility-policy-principal-v133,
html body.utility-principal-v133 main .utility-policy-principal-v133.p93-soft{
  background:#fff!important;
  box-shadow:none!important;
}
html body.utility-principal-v133 main .utility-policy-v133{
  background:transparent!important;
  border-top:1px solid rgba(30,30,26,.11)!important;
}
html body.utility-principal-v133 main .utility-policy-v133__section{
  background:transparent!important;
  background-image:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:1px solid rgba(30,30,26,.11)!important;
}
html body.utility-principal-v133 main .utility-policy-v133__heading,
html body.utility-principal-v133 main .utility-policy-v133__body{
  background:transparent!important;
  box-shadow:none!important;
}

/* AVIX Pharma brand treatment for utility-page email/contact links. */
html body.utility-principal-v133 main a[href^="mailto:"]{
  color:#8F6D0D!important;
  text-decoration-color:rgba(143,109,13,.58)!important;
}
html body.utility-principal-v133 main a[href^="mailto:"]:hover,
html body.utility-principal-v133 main a[href^="mailto:"]:focus-visible{
  color:#73570A!important;
  text-decoration-color:#D4AF37!important;
}

@media(max-width:1023px){
  html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133{
    min-height:0!important;
  }
  html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133>.hero-grid{
    min-height:0!important;
    padding:52px 0 44px!important;
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual{
    justify-self:start!important;
    width:min(100%,420px)!important;
    height:230px!important;
  }
  html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual img,
  html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual svg{
    max-width:420px!important;
    max-height:230px!important;
  }
}
@media(max-width:760px){
  html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133>.hero-grid{
    padding:44px 0 38px!important;
    gap:24px!important;
  }
  html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual{
    width:min(100%,320px)!important;
    height:180px!important;
  }
  html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual img,
  html body.utility-principal-v133 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual svg{
    max-width:320px!important;
    max-height:180px!important;
  }
}


/* V51 — definitive utility hero/CTA conflict resolution */
/* The legacy prod-utility sheet has body.utility-principal-v133.principal-redesign-v93
   !important rules fixing the desktop hero at 390px. This selector deliberately
   exceeds that specificity and is the final owner of utility hero geometry. */
html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133{
  height:auto!important;
  min-height:520px!important;
  max-height:none!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 82% 34%,rgba(212,175,55,.14),transparent 30%),
    linear-gradient(135deg,#11110F 0%,#171512 62%,#181510 100%)!important;
}
html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133>.hero-grid,
html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-grid{
  height:auto!important;
  min-height:520px!important;
  max-height:none!important;
  padding:66px 0 64px!important;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)!important;
  gap:clamp(44px,5vw,74px)!important;
  align-items:center!important;
}
html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-copy{
  align-self:center!important;
  max-width:730px!important;
  padding-bottom:2px!important;
}
html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .actions{
  margin-top:24px!important;
  padding-bottom:0!important;
}
html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual{
  align-self:center!important;
  justify-self:end!important;
  width:min(100%,390px)!important;
  height:300px!important;
}
html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual img,
html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual svg{
  width:100%!important;
  max-width:390px!important;
  height:100%!important;
  max-height:300px!important;
  object-fit:contain!important;
}

/* Plain-writing policy area: no tinted panel/card background anywhere. */
html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-section-v93.p93-soft.utility-policy-principal-v133,
html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .utility-policy-principal-v133{
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .utility-policy-v133__section,
html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .utility-policy-v133__heading,
html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .utility-policy-v133__body{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Content email links use the readable AVIX deep gold. */
html body.utility-principal-v133 main .utility-policy-principal-v133 a[href^="mailto:"]{
  color:#8F6D0D!important;
  text-decoration-color:rgba(143,109,13,.58)!important;
}

/* The pre-footer email CTA is a button, not a text email link: dark ink on brand gold. */
html body.utility-principal-v133 main .utility-contact-prefooter-v48 a.utility-contact-prefooter-v48__button[href^="mailto:"],
html body.utility-principal-v133 main a.utility-contact-prefooter-v48__button[href^="mailto:"]{
  background:#D4AF37!important;
  border:1px solid #D4AF37!important;
  color:#11110E!important;
  text-decoration:none!important;
  font-weight:800!important;
  opacity:1!important;
}
html body.utility-principal-v133 main .utility-contact-prefooter-v48 a.utility-contact-prefooter-v48__button[href^="mailto:"]:hover,
html body.utility-principal-v133 main .utility-contact-prefooter-v48 a.utility-contact-prefooter-v48__button[href^="mailto:"]:focus-visible{
  background:#E0BE4D!important;
  border-color:#E0BE4D!important;
  color:#0C0C0A!important;
}

@media(max-width:1023px){
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133>.hero-grid,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-grid{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:52px 0 46px!important;
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
}
@media(max-width:760px){
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133>.hero-grid,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-grid{
    padding:44px 0 40px!important;
    gap:24px!important;
  }
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual{
    justify-self:start!important;
    width:min(100%,320px)!important;
    height:180px!important;
  }
}


/* V52 — final utility standardisation */
/* One standard desktop hero size on every substantive utility page. */
@media(min-width:1024px){
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133{
    box-sizing:border-box!important;
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
    overflow:hidden!important;
    background:#11110F!important;
  }
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133>.hero-grid,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-grid{
    box-sizing:border-box!important;
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
    padding:54px 0!important;
    align-items:center!important;
  }
}
/* Animation is transparent: no card, fill, gradient panel or shadow behind it. */
html body.utility-principal-v133 main .utility-principal-hero-v133 .hero-visual,
html body.utility-principal-v133 main .utility-principal-hero-v133 .utility-hero-picture-v12,
html body.utility-principal-v133 main .utility-principal-hero-v133 .hero-animation{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
}
/* AVIX Pharma brand bullets throughout utility/legal writing. */
html body.utility-principal-v133 main .utility-policy-v133__body li::before{
  background:#D4AF37!important;
}
html body.utility-principal-v133 main .utility-policy-v133__heading .eyebrow,
html body.utility-principal-v133 main .utility-policy-principal-v133 .principal-section-intro-v93 .eyebrow{
  color:#8F6D0D!important;
}
/* Visually separate the compact utility pre-footer from the white legal content. */
html body .utility-contact-prefooter-v48{
  background:#F5F0E8!important;
  background-image:none!important;
  border-top:1px solid rgba(143,109,13,.13)!important;
  border-bottom:1px solid rgba(30,30,26,.10)!important;
  box-shadow:none!important;
}
html body .utility-contact-prefooter-v48 .eyebrow{color:#8F6D0D!important}
html body .utility-contact-prefooter-v48 h2{color:#1E1E1A!important}
html body .utility-contact-prefooter-v48__body{color:#465058!important}

@media(max-width:1023px){
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133{
    background:#11110F!important;
  }
}

/* ======================================================================
   V54 — definitive utility hero geometry / transparent animation owner
   ====================================================================== */
@media (min-width:1024px){
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133{
    box-sizing:border-box!important;
    height:400px!important;
    min-height:400px!important;
    max-height:400px!important;
    overflow:hidden!important;
    background:#11110F!important;
    background-image:none!important;
  }
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133::before{
    content:none!important;
    display:none!important;
    background:none!important;
  }
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133>.hero-grid,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-grid{
    box-sizing:border-box!important;
    height:400px!important;
    min-height:400px!important;
    max-height:400px!important;
    padding:38px 0!important;
    grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)!important;
    gap:clamp(40px,4.5vw,66px)!important;
    align-items:center!important;
  }
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-copy{
    align-self:center!important;
    justify-self:start!important;
    max-width:720px!important;
    margin:0!important;
    padding:0!important;
  }
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .eyebrow{
    margin:0 0 12px!important;
  }
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 h1{
    max-width:720px!important;
    font-size:clamp(48px,3.5vw,58px)!important;
    line-height:.97!important;
    row-gap:.06em!important;
  }
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 h1>span{
    line-height:.95!important;
  }
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-support-natural-v61{
    max-width:620px!important;
    margin:16px 0 0!important;
    font-size:16px!important;
    line-height:1.45!important;
  }
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .actions{
    margin-top:18px!important;
    gap:14px!important;
  }
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual{
    position:relative!important;
    align-self:center!important;
    justify-self:center!important;
    display:grid!important;
    place-items:center!important;
    width:min(100%,390px)!important;
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .utility-hero-picture-v12{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    background-image:none!important;
  }
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-animation,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual img,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual svg{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:390px!important;
    max-height:250px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
    overflow:visible!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
  }
}

/* Utility legal bullets: AVIX Pharma deep-gold/brown rather than legacy burgundy. */
html body.utility-principal-v133 main .utility-policy-v133__body li::before{
  background:#8F6D0D!important;
}

/* ======================================================================
   V58 — final utility hero alignment / full animation visibility / plain writing
   ====================================================================== */

/* Utility legal content should read like plain writing, not boxed list rows. */
html body.utility-principal-v133 main .utility-policy-v133__body ul{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
html body.utility-principal-v133 main .utility-policy-v133__body li{
  margin:0 0 12px !important;
  padding:0 0 0 22px !important;
  border:0 !important;
  line-height:1.68 !important;
}
html body.utility-principal-v133 main .utility-policy-v133__body li:last-child{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
html body.utility-principal-v133 main .utility-policy-v133__body li::before{
  top:.76em !important;
  width:7px !important;
  height:7px !important;
  background:#8F6D0D !important;
}

/* One global desktop utility-hero system only: 400px height, centered copy, fully visible transparent animation. */
@media (min-width:1024px){
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133{
    height:400px !important;
    min-height:400px !important;
    max-height:400px !important;
    overflow:hidden !important;
    background:#11110F !important;
    background-image:none !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 > .hero-grid,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-grid{
    height:400px !important;
    min-height:400px !important;
    max-height:400px !important;
    padding:26px 0 !important;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr) !important;
    gap:clamp(42px,4.5vw,72px) !important;
    align-items:center !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-copy{
    align-self:stretch !important;
    justify-self:start !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    max-width:740px !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .eyebrow{
    margin:0 0 12px !important;
    font-size:12.5px !important;
    line-height:1.2 !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 h1{
    max-width:740px !important;
    margin:0 !important;
    font-size:clamp(48px,3.7vw,60px) !important;
    line-height:.95 !important;
    letter-spacing:-.058em !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 h1 > span{
    display:block !important;
    width:auto !important;
    max-width:none !important;
    white-space:nowrap !important;
    line-height:.95 !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-support-natural-v61{
    max-width:690px !important;
    margin:16px 0 0 !important;
    font-size:15.5px !important;
    line-height:1.48 !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .actions{
    margin-top:20px !important;
    gap:14px !important;
    align-items:center !important;
    padding:0 !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-button-global,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .btn{
    min-height:50px !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual{
    position:relative !important;
    align-self:center !important;
    justify-self:end !important;
    display:grid !important;
    place-items:center !important;
    width:min(100%,440px) !important;
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .utility-hero-picture-v12{
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    background-image:none !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-animation,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual img,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual svg{
    display:block !important;
    width:100% !important;
    max-width:440px !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:center !important;
    overflow:visible !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    filter:none !important;
    transform:scale(.9) !important;
    transform-origin:center center !important;
  }
}

/* Tablet/mobile: keep animation visible and content stacked cleanly. */
@media (max-width:1023px){
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
    background:#11110F !important;
    background-image:none !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 > .hero-grid,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-grid{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:44px 0 40px !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    align-items:start !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-copy{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    max-width:100% !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual{
    justify-self:start !important;
    width:min(100%,360px) !important;
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
    overflow:visible !important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-animation,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual img,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual svg{
    width:100% !important;
    max-width:360px !important;
    height:auto !important;
    transform:scale(.92) !important;
    transform-origin:center center !important;
  }
}

@media (max-width:760px){
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual{
    width:min(100%,320px) !important;
    height:200px !important;
    min-height:200px !important;
    max-height:200px !important;
  }
}

/* ======================================================================
   V59 — utility hero vertical composition correction
   Keeps the agreed 400px desktop hero, but centres the whole content group
   with safe top/bottom breathing room and keeps the full SVG visible.
   ====================================================================== */
@media (min-width:1024px){
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133{
    height:400px!important;
    min-height:400px!important;
    max-height:400px!important;
    overflow:hidden!important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 > .hero-grid,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-grid{
    height:400px!important;
    min-height:400px!important;
    max-height:400px!important;
    padding:24px 0!important;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
    gap:clamp(44px,4.6vw,74px)!important;
    align-items:center!important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-copy{
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    max-width:720px!important;
    min-height:0!important;
    margin:0!important;
    padding:0 0 4px!important;
    transform:translateY(-4px)!important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .eyebrow{
    margin:0 0 10px!important;
    font-size:12px!important;
    line-height:1.2!important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 h1{
    max-width:720px!important;
    margin:0!important;
    font-size:clamp(46px,3.45vw,56px)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 h1 > span{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    white-space:nowrap!important;
    line-height:.96!important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-support-natural-v61{
    max-width:650px!important;
    margin:14px 0 0!important;
    font-size:15px!important;
    line-height:1.45!important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .actions{
    margin:16px 0 0!important;
    padding:0!important;
    gap:12px!important;
    align-items:center!important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-button-global,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .btn{
    min-height:46px!important;
    padding:11px 20px!important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual{
    align-self:center!important;
    justify-self:end!important;
    width:min(100%,430px)!important;
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
    overflow:visible!important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .utility-hero-picture-v12{
    width:100%!important;
    height:100%!important;
    overflow:visible!important;
  }

  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-animation,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual img,
  html body.utility-principal-v133.principal-redesign-v93.utility-writing-v136 main .principal-hero-v93.utility-principal-hero-v133 .hero-visual svg{
    width:100%!important;
    max-width:430px!important;
    height:auto!important;
    max-height:270px!important;
    object-fit:contain!important;
    transform:scale(.86)!important;
    transform-origin:center center!important;
    overflow:visible!important;
  }
}