/* LEHOME v7.5.8 — canonical typography system.
   One type family and one hierarchy across Home + all inner pages.
   Hero may use italic emphasis; section headings remain roman for consistency. */
:root{
  --serif:'Newsreader',Georgia,serif;
  --sans:'Manrope',Arial,sans-serif;
  --type-home-hero:clamp(62px,4.6vw,78px);
  --type-page-hero:clamp(54px,4vw,68px);
  --type-home-section:clamp(44px,3.1vw,52px);
  --type-page-section:clamp(40px,2.8vw,48px);
  --type-subtitle:clamp(30px,2.2vw,36px);
  --type-card:clamp(23px,1.65vw,28px);
}
html,body{font-family:var(--sans)!important}
.display{font-family:var(--serif)!important;font-weight:400!important;letter-spacing:-.028em!important}

/* HOME — Hero is intentionally one level larger than every section heading. */
.hero .hero-copy{max-width:980px!important}
.hero .hero-main-title{
  font-family:var(--serif)!important;
  font-size:var(--type-home-hero)!important;
  font-weight:400!important;
  line-height:.98!important;
  letter-spacing:-.032em!important;
  max-width:980px!important;
  text-wrap:balance!important;
}
.hero .hero-main-title em{font-family:inherit!important;font-weight:inherit!important;font-style:italic!important}

/* HOME — All major section titles use the same roman style and same scale. */
.intro-v9-content h2,
.product-head-v14 h2,
.oem-clear-head h2,
#customization .custom-head h2,
.manuf-v25-head h2,
.resources-head h2,
.rfq-v5-copy h2,
.home-main .section-head h2{
  font-family:var(--serif)!important;
  font-size:var(--type-home-section)!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.04!important;
  letter-spacing:-.028em!important;
  text-wrap:balance!important;
}
.intro-v9-content h2 em,
.oem-clear-head h2 em,
#customization .custom-head h2 em,
.manuf-v25-head h2 em,
.resources-head h2 em,
.rfq-v5-copy h2 em{
  font-family:inherit!important;
  font-weight:inherit!important;
  font-style:normal!important;
  color:inherit!important;
}
.intro-v9-content h2{max-width:860px!important}
.product-head-v14 h2{max-width:900px!important}
.oem-clear-head h2,#customization .custom-head h2,.manuf-v25-head h2,.resources-head h2{max-width:980px!important}
.rfq-v5-copy h2{max-width:720px!important}

/* INNER PAGES — force the same Newsreader + Manrope pair used on Home. */
.page-hero .hero-copy h1,
.article-hero-copy h1,
.thank-page h1{
  font-family:var(--serif)!important;
  font-size:var(--type-page-hero)!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.01!important;
  letter-spacing:-.03em!important;
  text-wrap:balance!important;
}
.section-head h2,
.depth-head h2,
.factory-video-topline h2,
.gw-relationship-head h2,
.cta-grid h2,
.decision-title-lines{
  font-family:var(--serif)!important;
  font-size:var(--type-page-section)!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.05!important;
  letter-spacing:-.026em!important;
  text-wrap:balance!important;
}
.section-head h2 em,.depth-head h2 em,.cta-grid h2 em{font-style:normal!important;font-weight:inherit!important}

/* Secondary headings: one consistent serif treatment. */
.split-copy h3,.card h3,.depth-card h3,.role-tab h3,.contact-card h3,
.mega-title,.mega-intro h3,.mega-feature strong,.modal-card h3,.lehome-rfq-head h3{
  font-family:var(--serif)!important;
  font-weight:400!important;
  letter-spacing:-.018em!important;
}
.split-copy h3{font-size:var(--type-subtitle)!important;line-height:1.08!important}
.card h3,.depth-card h3,.role-tab h3,.contact-card h3{font-size:var(--type-card)!important;line-height:1.12!important}

/* Keep body / navigation / labels consistently Manrope. */
.nav,.nav-link,.eyebrow,.kicker,.btn,.trade-note,.mega-col,.footer,.field,.lehome-review-note{
  font-family:var(--sans)!important;
}

/* Avoid forced awkward wrapping in long editorial headings. */
.section-head>div:first-child,.depth-head>div:first-child{min-width:0}
.section-head h2,.depth-head h2{max-width:980px!important}

@media(max-width:1200px){
  :root{
    --type-home-hero:clamp(56px,5.6vw,68px);
    --type-page-hero:clamp(50px,5vw,60px);
    --type-home-section:clamp(40px,4.3vw,48px);
    --type-page-section:clamp(38px,4vw,46px);
  }
  .hero .hero-copy{max-width:860px!important}
}
@media(max-width:820px){
  :root{
    --type-home-hero:clamp(46px,8vw,56px);
    --type-page-hero:clamp(44px,7vw,52px);
    --type-home-section:clamp(36px,6.3vw,44px);
    --type-page-section:clamp(34px,6vw,42px);
    --type-subtitle:clamp(28px,5vw,34px);
  }
  .hero .hero-copy{max-width:92vw!important}
}
@media(max-width:520px){
  :root{
    --type-home-hero:clamp(40px,11vw,48px);
    --type-page-hero:clamp(38px,10vw,46px);
    --type-home-section:clamp(32px,8.5vw,39px);
    --type-page-section:clamp(31px,8vw,38px);
    --type-subtitle:clamp(26px,7vw,31px);
    --type-card:clamp(22px,6vw,26px);
  }
  .hero .hero-main-title{line-height:1.01!important}
  .section-head h2,.depth-head h2,.cta-grid h2{line-height:1.07!important}
}
