
/* HERA LACE V15 — HERO REFINEMENT */
.hl-hero{
  min-height:640px!important;
  background:#f7f1ee!important;
}
.hl-hero:after{
  inset:0 0 0 52%!important;
  opacity:1!important;
  background-image:
    linear-gradient(90deg,#f7f1ee 0%,rgba(247,241,238,.90) 8%,rgba(247,241,238,.22) 40%,rgba(28,13,20,.10) 100%),
    var(--hl-hero-image)!important;
  background-size:cover!important;
  background-position:64% center!important;
}
.hl-hero-shell{
  min-height:640px!important;
  grid-template-columns:52% 48%!important;
}
.hl-hero-copy{
  max-width:680px!important;
  padding:82px 60px 76px 0!important;
}
.hl-hero-kicker{
  margin-bottom:18px!important;
}
.hl-hero h1{
  font-size:66px!important;
  line-height:.98!important;
  max-width:650px!important;
  margin:0 0 22px!important;
}
.hl-hero h1 br{display:none}
.hl-hero h1 em{
  display:block;
  margin-top:4px;
  font-size:.88em;
}
.hl-hero p{
  font-size:16px!important;
  line-height:1.75!important;
  max-width:540px!important;
  margin-bottom:0!important;
}
.hl-hero-actions{
  margin-top:28px!important;
  gap:10px!important;
}
.hl-hero-notes{
  margin-top:24px!important;
  gap:22px!important;
  font-size:11px!important;
}
.hl-hero-notes i{font-size:16px!important}

/* Remove redundant text overlays on the visual side */
.hl-hero-visual{
  padding:0 28px 26px 0!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
}
.hl-visual-caption{
  display:none!important;
}
.hl-visual-label{
  font-size:9px!important;
  padding:10px 13px!important;
  border-radius:999px!important;
  background:rgba(23,13,18,.30)!important;
}

/* Trust bar more compact */
.hl-trust-strip{
  margin-top:-26px!important;
}
.hl-trust-grid{
  border-radius:18px!important;
}
.hl-trust-grid>div{
  min-height:78px!important;
  padding:16px 22px!important;
}
.hl-trust-grid b{font-size:11px!important}
.hl-trust-grid small{font-size:10px!important}
.hl-trust-grid i{font-size:20px!important}

/* Large desktop keeps hero elegant rather than oversized */
@media(min-width:1500px){
  .hl-hero-shell{min-height:670px!important}
  .hl-hero h1{font-size:70px!important}
}

/* Tablet */
@media(max-width:1199px){
  .hl-hero:after{inset:0 0 0 48%!important;background-position:68% center!important}
  .hl-hero-shell{grid-template-columns:50% 50%!important}
  .hl-hero-copy{padding-right:38px!important}
  .hl-hero h1{font-size:56px!important}
}

/* Mobile */
@media(max-width:991px){
  .hl-hero:after{
    inset:0!important;
    opacity:.20!important;
    background-position:center!important;
  }
  .hl-hero-shell{
    min-height:560px!important;
    grid-template-columns:1fr!important;
  }
  .hl-hero-copy{
    max-width:650px!important;
    padding:72px 0 88px!important;
  }
  .hl-hero h1{font-size:50px!important}
  .hl-hero-visual{display:none!important}
  .hl-trust-strip{margin-top:-18px!important}
}
@media(max-width:575px){
  .hl-hero-shell{min-height:520px!important}
  .hl-hero-copy{padding:58px 0 76px!important}
  .hl-hero h1{font-size:39px!important}
  .hl-hero p{font-size:15px!important}
  .hl-hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .hl-hero-notes{flex-direction:row!important;flex-wrap:wrap!important}
  .hl-trust-grid{grid-template-columns:1fr 1fr!important}
  .hl-trust-grid>div{min-height:86px!important;padding:14px!important}
}
