/* =========================================================
   LHS PREMIUM HERO SCALE — July 19, 2026
   Restores the premium opening presence of the website while
   keeping all non-product top heroes on one shared height.

   Dedicated product-detail Signature Experience pages remain
   intentionally independent in signature-product-hero.css.
   ========================================================= */
:root{
  --lhs-premium-hero-h:clamp(620px,72vh,700px);
  --lhs-premium-hero-h-mobile:clamp(560px,72svh,620px);
  --lhs-premium-hero-h-small:550px;
}

/* One premium height for all main, landing, category, service and guide heroes. */
.lhs-home-hero,
.lhs-men-hero,
.system-hero,
.content-hero,
.partner-hero,
.lhs-checkout-hero,
.ring-hero,
.lhs-co-hero,
.lhs-lace-live-hero,
.lhs-kc-hero,
.lhs-kc-compare-hero,
.lhs-hcg-hero,
.lhs-hdg-hero,
.density-hero,
.guide-hero,
.mold-guide-hero,
.lhs-lab-hero,
.lhs-bsm-hero,
.lhs-hlg-hero,
.lhs-msg-hero,
.lhs-arg-hero,
.lhs-f48-hero{
  box-sizing:border-box!important;
  height:var(--lhs-premium-hero-h)!important;
  min-height:var(--lhs-premium-hero-h)!important;
  max-height:var(--lhs-premium-hero-h)!important;
  overflow:hidden!important;
}

/* Homepage: restore editorial scale and breathing room. */
.lhs-home-hero .lhs-home-hero-slide,
.lhs-home-hero .lhs-home-hero-slide.active,
.lhs-home-hero .model-area,
.lhs-home-hero .hero-image-link{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
}
.lhs-home-hero .model-area img{
  height:100%!important;
  object-fit:contain!important;
  transform:none!important;
}
.lhs-home-hero .lhs-home-hero-copy{
  width:min(41vw,660px)!important;
}
.lhs-home-hero .lhs-home-hero-copy .typewriter-script{
  margin-bottom:14px!important;
  font-size:12px!important;
}
.lhs-home-hero .lhs-home-hero-copy .typewriter-title{
  margin-bottom:20px!important;
  font-size:clamp(46px,4.35vw,76px)!important;
  line-height:1.01!important;
}
.lhs-home-hero .lhs-home-hero-copy .typewriter-body{
  max-width:570px!important;
  margin-bottom:24px!important;
  font-size:clamp(15px,1vw,18px)!important;
  line-height:1.55!important;
}
.lhs-home-hero .lhs-home-hero-copy .typewriter-cta{
  min-width:210px!important;
  min-height:50px!important;
  padding-inline:30px!important;
  font-size:10px!important;
}
.lhs-home-hero .slider-dots{bottom:18px!important;}
.lhs-home-hero .slider-dots button{height:5px!important;}

/* Men landing page uses the same premium frame as the homepage. */
.lhs-men-hero{
  background:#ead4bd!important;
}
.lhs-men-hero-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:right center!important;
}
.lhs-men-hero-copy{
  width:min(720px,48vw)!important;
  height:100%!important;
}
.lhs-men-hero-copy h1{
  font-size:clamp(54px,5.1vw,84px)!important;
}
.lhs-men-hero-intro{
  font-size:clamp(17px,1.05vw,20px)!important;
}

/* Category heroes share the same height while preserving their own art direction. */
.lhs-lace-live-hero{
  aspect-ratio:auto!important;
}
.lhs-lace-page .lhs-lace-live-hero:not(.lhs-poly-live-hero),
.lhs-poly-live-hero{
  height:var(--lhs-premium-hero-h)!important;
  min-height:var(--lhs-premium-hero-h)!important;
  max-height:var(--lhs-premium-hero-h)!important;
}
.lhs-lace-live-title,
.lhs-poly-live-title{
  font-size:clamp(52px,4.5vw,84px)!important;
}
.lhs-lace-live-body,
.lhs-poly-live-body{
  font-size:clamp(17px,1.18vw,22px)!important;
}

/* Let larger text-led heroes use the restored vertical space. */
.content-hero,
.partner-hero,
.lhs-checkout-hero,
.ring-hero,
.lhs-hcg-hero,
.lhs-hdg-hero,
.density-hero,
.guide-hero,
.mold-guide-hero,
.lhs-kc-compare-hero{
  padding-top:clamp(54px,7vh,88px)!important;
  padding-bottom:clamp(54px,7vh,88px)!important;
}
.content-hero h1,
.partner-hero h1,
.lhs-checkout-hero h1,
.ring-hero h1,
.lhs-hcg-hero h1,
.lhs-hdg-hero h1,
.density-hero h1,
.guide-hero h1,
.mold-guide-hero h1,
.lhs-kc-compare-hero h1{
  font-size:clamp(44px,5vw,76px)!important;
}

/* Interactive knowledge heroes keep one consistent premium frame. */
.lhs-kc-hero,
.lhs-bsm-hero,
.lhs-hlg-hero,
.lhs-msg-hero,
.lhs-arg-hero,
.lhs-f48-hero{
  padding-top:clamp(36px,5vh,64px)!important;
  padding-bottom:clamp(36px,5vh,64px)!important;
}
.lhs-kc-hero h1,
.lhs-bsm-hero h1,
.lhs-hlg-hero h1,
.lhs-msg-hero h1,
.lhs-arg-hero h1,
.lhs-f48-hero h1{
  font-size:clamp(44px,5vw,76px)!important;
}

/* Keep the dedicated product detail experience untouched and editorial. */
.lhs-signature-experience-page .lhs-signature-hero{
  height:auto!important;
  min-height:clamp(660px,88vh,900px)!important;
  max-height:none!important;
}

@media(max-width:900px){
  .lhs-home-hero,
  .lhs-men-hero,
  .system-hero,
  .content-hero,
  .partner-hero,
  .lhs-checkout-hero,
  .ring-hero,
  .lhs-co-hero,
  .lhs-lace-live-hero,
  .lhs-kc-hero,
  .lhs-kc-compare-hero,
  .lhs-hcg-hero,
  .lhs-hdg-hero,
  .density-hero,
  .guide-hero,
  .mold-guide-hero,
  .lhs-lab-hero,
  .lhs-bsm-hero,
  .lhs-hlg-hero,
  .lhs-msg-hero,
  .lhs-arg-hero,
  .lhs-f48-hero{
    height:var(--lhs-premium-hero-h-mobile)!important;
    min-height:var(--lhs-premium-hero-h-mobile)!important;
    max-height:var(--lhs-premium-hero-h-mobile)!important;
  }

  /* Homepage mobile: image and live copy remain one unified hero. */
  .lhs-home-hero .lhs-home-hero-slide.active{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:43% 57%!important;
  }
  .lhs-home-hero .model-area{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
  }
  .lhs-home-hero .lhs-home-hero-copy-left .lhs-home-hero-copy,
  .lhs-home-hero .lhs-home-hero-copy-right .lhs-home-hero-copy{
    height:100%!important;
    padding:24px 22px 42px!important;
  }
  .lhs-home-hero .lhs-home-hero-copy .typewriter-title{
    font-size:clamp(31px,8.8vw,43px)!important;
  }
  .lhs-home-hero .lhs-home-hero-copy .typewriter-body{
    font-size:13px!important;
  }

  /* Men page follows exactly the same mobile hero scale. */
  .lhs-men-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:43% 57%!important;
  }
  .lhs-men-hero-image{
    position:relative!important;
    grid-row:1!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:72% center!important;
  }
  .lhs-men-hero-copy,
  html[dir="rtl"] .lhs-men-hero-copy{
    grid-row:2!important;
    width:100%!important;
    height:100%!important;
    padding:26px 24px 34px!important;
  }
  .lhs-men-hero-copy h1{
    font-size:clamp(38px,9vw,48px)!important;
  }

  /* Collection pages use the same mobile height, not an auto-height stack. */
  .lhs-lace-page .lhs-lace-live-hero:not(.lhs-poly-live-hero),
  .lhs-poly-live-hero{
    height:var(--lhs-premium-hero-h-mobile)!important;
    min-height:var(--lhs-premium-hero-h-mobile)!important;
    max-height:var(--lhs-premium-hero-h-mobile)!important;
  }
  .lhs-poly-live-hero{
    display:flex!important;
    flex-direction:column!important;
  }
  .lhs-poly-live-hero>.lhs-poly-live-final-image{
    position:relative!important;
    inset:auto!important;
    flex:0 0 42%!important;
    width:100%!important;
    height:42%!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    transform:none!important;
  }
  .lhs-poly-live-content{
    position:relative!important;
    inset:auto!important;
    flex:1 1 auto!important;
    width:100%!important;
    transform:none!important;
    padding:28px 24px 38px!important;
  }
}

@media(max-width:430px){
  .lhs-home-hero,
  .lhs-men-hero,
  .system-hero,
  .content-hero,
  .partner-hero,
  .lhs-checkout-hero,
  .ring-hero,
  .lhs-co-hero,
  .lhs-lace-live-hero,
  .lhs-kc-hero,
  .lhs-kc-compare-hero,
  .lhs-hcg-hero,
  .lhs-hdg-hero,
  .density-hero,
  .guide-hero,
  .mold-guide-hero,
  .lhs-lab-hero,
  .lhs-bsm-hero,
  .lhs-hlg-hero,
  .lhs-msg-hero,
  .lhs-arg-hero,
  .lhs-f48-hero{
    height:var(--lhs-premium-hero-h-small)!important;
    min-height:var(--lhs-premium-hero-h-small)!important;
    max-height:var(--lhs-premium-hero-h-small)!important;
  }
  .lhs-home-hero .lhs-home-hero-slide.active,
  .lhs-men-hero{
    grid-template-rows:41% 59%!important;
  }
  .lhs-home-hero .lhs-home-hero-copy-left .lhs-home-hero-copy,
  .lhs-home-hero .lhs-home-hero-copy-right .lhs-home-hero-copy,
  .lhs-men-hero-copy,
  html[dir="rtl"] .lhs-men-hero-copy{
    padding:20px 18px 30px!important;
  }
  .lhs-men-hero-copy h1{
    font-size:36px!important;
  }
}