/* ============================================================
   TYPOGRAPHY — English (Latin)
   Scoped to html[data-lang="en"]. Independent control of
   font, size, leading, tracking, spacing per breakpoint.
   ============================================================ */

html[data-lang="en"] body{
  font-family: var(--font-sans);
  font-weight: 400;
  line-height: 1.55;
  font-size: 16px;
  font-feature-settings: "ss01","cv01","cv11";
}

/* ----- Mono / label elements ----- */
html[data-lang="en"] .caption{
  font-family: var(--font-mono);
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase; font-weight: 400;
}
html[data-lang="en"] .eyebrow{
  font-size: 12px; letter-spacing: .22em; text-transform: uppercase; font-weight: 500;
}
html[data-lang="en"] .nav__brand{ font-size: 14px; font-weight: 500; letter-spacing: -.005em; }
html[data-lang="en"] .nav__mark{ font-family: var(--font-mono); font-size: 12px; letter-spacing: .04em; }
html[data-lang="en"] .nav__menu{ font-size: 13px; letter-spacing: .01em; }
html[data-lang="en"] .lang-toggle{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; }
html[data-lang="en"] .nav__cta{ font-size: 13px; }
html[data-lang="en"] .btn{ font-size: 13px; letter-spacing: .01em; }
html[data-lang="en"] .tags li{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .08em; }
html[data-lang="en"] .service__num{ font-family: var(--font-mono); font-size: 13px; letter-spacing: .12em; }
html[data-lang="en"] .steps__num{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; }
html[data-lang="en"] .defs dt{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
html[data-lang="en"] .field label{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }

/* ----- Display & headings ----- */
html[data-lang="en"] .display{ font-size: clamp(48px, 9vw, 140px); line-height: .94; letter-spacing: -.035em; font-weight: 500; }
html[data-lang="en"] .h2{ font-size: clamp(28px, 4.4vw, 56px); line-height: 1.08; letter-spacing: -.022em; font-weight: 500; max-width: 22ch; }
html[data-lang="en"] .h3{ font-size: clamp(20px, 2vw, 26px); line-height: 1.2; letter-spacing: -.012em; font-weight: 500; }
html[data-lang="en"] .h4{ font-size: 17px; line-height: 1.25; letter-spacing: -.005em; font-weight: 500; }

/* ----- Body copy ----- */
html[data-lang="en"] .subtitle{ font-size: clamp(16px, 1.5vw, 20px); max-width: 60ch; letter-spacing: -.005em; }
html[data-lang="en"] .lede{ font-size: clamp(17px, 1.6vw, 22px); line-height: 1.45; max-width: 60ch; }
html[data-lang="en"] .prose p{ font-size: 16px; line-height: 1.65; max-width: 62ch; }
html[data-lang="en"] .hero__body p{ font-size: clamp(16px, 1.35vw, 18px); line-height: 1.6; }
html[data-lang="en"] .pullquote{ font-size: clamp(22px, 2.6vw, 32px); line-height: 1.3; letter-spacing: -.015em; max-width: 32ch; font-weight: 400; }
html[data-lang="en"] .service__body p{ font-size: 15.5px; line-height: 1.6; }
html[data-lang="en"] .service__body ul li{ font-size: 14px; }
html[data-lang="en"] .trio__label{ font-size: 22px; letter-spacing: -.01em; font-weight: 500; }
html[data-lang="en"] .trio p{ font-size: 14.5px; line-height: 1.6; }
html[data-lang="en"] .steps li p{ font-size: 15px; line-height: 1.6; }
html[data-lang="en"] .defs dd{ font-size: 15px; line-height: 1.5; }
html[data-lang="en"] .saghar__grid p{ font-size: 15px; line-height: 1.6; }
html[data-lang="en"] .priorities li span{ font-size: 18px; letter-spacing: -.01em; font-weight: 500; }
html[data-lang="en"] .priorities li p{ font-size: 15px; line-height: 1.6; }
html[data-lang="en"] .actions p{ font-size: 14px; line-height: 1.55; }
html[data-lang="en"] .fit ul li{ font-size: 15px; }
html[data-lang="en"] .vision li p{ font-size: 14.5px; line-height: 1.6; }
html[data-lang="en"] .banner__c{ font-size: clamp(15px, 1.3vw, 17px); line-height: 1.6; max-width: 60ch; }
html[data-lang="en"] .banner__h{ max-width: 24ch; }
html[data-lang="en"] .contact__info dd{ font-size: 15px; }
html[data-lang="en"] .form__note{ font-size: 12px; line-height: 1.5; }
html[data-lang="en"] .form__success{ font-size: 13px; }
html[data-lang="en"] .footer__name{ font-size: 15px; font-weight: 500; }
html[data-lang="en"] .footer__mark{ font-family: var(--font-mono); font-size: 14px; }
html[data-lang="en"] .footer__tag{ font-size: 13px; line-height: 1.5; }
html[data-lang="en"] .footer__nav{ font-size: 13px; }
html[data-lang="en"] .footer__meta{ font-size: 13px; }
html[data-lang="en"] .footer__legal{ font-size: 12px; }
html[data-lang="en"] .loader__mark{ font-size: clamp(22px, 3vw, 30px); font-weight: 500; letter-spacing: -.01em; }
html[data-lang="en"] .loader__meta{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }

@media (max-width: 720px){
  html[data-lang="en"] body{ font-size: 15px; }
  html[data-lang="en"] .display{ font-size: clamp(40px, 13vw, 64px); line-height: .98; }
  html[data-lang="en"] .h2{ font-size: clamp(24px, 7vw, 34px); line-height: 1.12; max-width: 18ch; }
  html[data-lang="en"] .h3{ font-size: 19px; }
  html[data-lang="en"] .h4{ font-size: 16px; }
  html[data-lang="en"] .subtitle{ font-size: 15px; }
  html[data-lang="en"] .lede{ font-size: 16px; line-height: 1.55; }
  html[data-lang="en"] .pullquote{ font-size: 20px; line-height: 1.35; }
  html[data-lang="en"] .eyebrow{ font-size: 11px; }
  html[data-lang="en"] .caption{ font-size: 10.5px; }
  html[data-lang="en"] .nav.is-open .nav__menu{ font-size: 17px; }
  html[data-lang="en"] .tags li{ font-size: 10.5px; }
}