
/* HERA LACE V17 — CLEAN SENSUAL HERO */
.hl-hero{
  min-height:610px!important;
  background:linear-gradient(110deg,#f8eeee 0%,#f4e5e5 52%,#d9a8b4 100%)!important;
}
.hl-hero-shell{
  min-height:610px!important;
  grid-template-columns:46% 54%!important;
}
.hl-hero:after{
  inset:0 0 0 46%!important;
  background-image:
    linear-gradient(90deg,#f4e5e5 0%,rgba(244,229,229,.48) 9%,rgba(244,229,229,.04) 26%,rgba(30,10,19,.08) 100%),
    var(--hl-hero-image)!important;
  background-position:70% center!important;
  background-size:cover!important;
}
.hl-hero-copy{
  max-width:610px!important;
  padding:72px 54px 74px 0!important;
}
.hl-hero-kicker{margin-bottom:15px!important}
.hl-hero h1{
  font-size:57px!important;
  line-height:.98!important;
  letter-spacing:-.052em!important;
  margin:0 0 20px!important;
}
.hl-hero h1 em{
  font-size:.82em!important;
  line-height:1.05!important;
  margin-top:7px!important;
}
.hl-hero p{
  max-width:500px!important;
  font-size:15px!important;
  line-height:1.7!important;
}
.hl-hero-actions{margin-top:25px!important}
.hl-hero-actions .hl-btn{min-height:50px!important}
.hl-hero-notes{margin-top:22px!important}
.hl-hero-visual{padding:0 30px 26px 0!important}
.hl-visual-label{
  background:rgba(44,12,27,.54)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
}

/* Trust bar sits cleanly below hero rather than covering it */
.hl-trust-strip{
  margin-top:0!important;
  padding:0!important;
  background:#fffaf9!important;
  border-bottom:1px solid #eadcdf!important;
}
.hl-trust-grid{
  transform:translateY(0)!important;
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.hl-trust-grid>div{
  min-height:82px!important;
  padding:17px 28px!important;
}
.hl-trust-grid>div+div{border-left:1px solid #eadcdf!important}

/* Make image side feel intentional and remove stray visual noise */
.hl-hero-visual:before{
  content:"";
  position:absolute;
  right:30px;
  bottom:74px;
  width:54px;
  height:1px;
  background:rgba(255,255,255,.65);
}
.hl-hero-visual:after{
  content:"HERA LACE";
  position:absolute;
  right:30px;
  bottom:86px;
  color:rgba(255,255,255,.82);
  font-size:9px;
  font-weight:800;
  letter-spacing:.22em;
}

/* Large desktop */
@media(min-width:1500px){
  .hl-hero{min-height:640px!important}
  .hl-hero-shell{min-height:640px!important}
  .hl-hero h1{font-size:61px!important}
}

/* Tablet */
@media(max-width:1199px){
  .hl-hero-shell{grid-template-columns:50% 50%!important}
  .hl-hero:after{inset:0 0 0 50%!important}
  .hl-hero-copy{padding-right:34px!important}
  .hl-hero h1{font-size:51px!important}
}
/* Mobile */
@media(max-width:991px){
  .hl-hero-shell{grid-template-columns:1fr!important;min-height:560px!important}
  .hl-hero:after{inset:0!important;opacity:.16!important;background-position:center!important}
  .hl-hero-copy{padding:68px 0!important;max-width:650px!important}
  .hl-hero h1{font-size:48px!important}
  .hl-trust-grid{grid-template-columns:1fr 1fr!important}
  .hl-trust-grid>div{border-bottom:1px solid #eadcdf!important}
}
@media(max-width:575px){
  .hl-hero{min-height:500px!important}
  .hl-hero-shell{min-height:500px!important}
  .hl-hero-copy{padding:54px 0 60px!important}
  .hl-hero h1{font-size:38px!important}
  .hl-hero h1 em{font-size:.88em!important}
  .hl-trust-grid>div{padding:14px!important}
}
