/* SL COSMETICS · English editorial typography V5
   Inspired by the airy, lightweight corporate editorial rhythm requested by the client.
   Uses only system fonts for robust deployment. */

html[lang="en"] body{
  font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif;
  font-synthesis:weight style;
}

/* Primary English display system */
html[lang="en"] .display,
html[lang="en"] .hero-static__title,
html[lang="en"] .section-title,
html[lang="en"] .dd-hero__title,
html[lang="en"] .dd-wide-title,
html[lang="en"] .dd-flow-title,
html[lang="en"] .dd-support-title,
html[lang="en"] .process-hero__title,
html[lang="en"] .about-v32__hero-copy h1,
html[lang="en"] .about-v32__statement h2,
html[lang="en"] .contact-consultation h1,
html[lang="en"] .contact-consultation h2,
html[lang="en"] .formula-v2-heading h2{
  font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif !important;
  font-weight:300 !important;
  letter-spacing:.018em !important;
  line-height:1.08 !important;
  text-wrap:balance;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

/* Hero titles: large, thin, calm, generous */
html[lang="en"] .hero-static__title{
  font-size:clamp(52px,6.5vw,104px) !important;
  letter-spacing:.024em !important;
  line-height:1.02 !important;
  max-width:12.5ch !important;
}

/* Main editorial section title */
html[lang="en"] .intro .section-title{
  font-size:clamp(40px,4.3vw,68px) !important;
  font-weight:300 !important;
  letter-spacing:.024em !important;
  line-height:1.07 !important;
  max-width:18ch !important;
}

/* Subpage hero / section hierarchy */
html[lang="en"] .page-hero .display,
html[lang="en"] .dd-hero__title,
html[lang="en"] .process-hero__title{
  font-size:clamp(46px,5vw,82px) !important;
  letter-spacing:.022em !important;
}
html[lang="en"] .dd-wide-title,
html[lang="en"] .dd-flow-title,
html[lang="en"] .dd-support-title,
html[lang="en"] .about-v32__statement h2,
html[lang="en"] .formula-v2-heading h2{
  letter-spacing:.016em !important;
}

/* Supporting English text: lighter visual density without sacrificing readability */
html[lang="en"] .body-lg,
html[lang="en"] .hero-static__desc,
html[lang="en"] .dd-hero__body,
html[lang="en"] .process-hero__copy .body-lg,
html[lang="en"] .about-v32__hero-copy p,
html[lang="en"] .about-v32__statement p{
  font-weight:300 !important;
  letter-spacing:.006em !important;
  line-height:1.82 !important;
}

/* Eyebrows stay precise and spaced, not heavy */
html[lang="en"] .eyebrow,
html[lang="en"] .hero-static__eyebrow,
html[lang="en"] .dd-page .eyebrow,
html[lang="en"] .process-hero .eyebrow,
html[lang="en"] .contact-page .eyebrow{
  font-weight:500 !important;
  letter-spacing:.21em !important;
}

/* Navigation remains compact but slightly airier */
html[lang="en"] .main-nav a,
html[lang="en"] .mobile-nav a{
  letter-spacing:.095em !important;
  font-weight:500 !important;
}

/* Tablet */
@media(max-width:1100px){
  html[lang="en"] .hero-static__title{font-size:clamp(46px,7vw,76px) !important;max-width:13ch !important}
  html[lang="en"] .intro .section-title{font-size:clamp(36px,5vw,56px) !important;max-width:19ch !important}
}

/* Mobile: retain the thin editorial feel without overflow */
@media(max-width:680px){
  html[lang="en"] .hero-static__title{
    font-size:clamp(38px,11vw,52px) !important;
    line-height:1.05 !important;
    letter-spacing:.018em !important;
    max-width:100% !important;
  }
  html[lang="en"] .intro .section-title,
  html[lang="en"] .section-title{
    font-size:clamp(30px,8.5vw,40px) !important;
    line-height:1.1 !important;
    letter-spacing:.014em !important;
    max-width:100% !important;
  }
  html[lang="en"] .page-hero .display,
  html[lang="en"] .dd-hero__title,
  html[lang="en"] .process-hero__title{
    font-size:clamp(36px,10vw,48px) !important;
    line-height:1.07 !important;
    letter-spacing:.016em !important;
  }
}