/* English text needs a compact hierarchy, not oversized Chinese-style headings.
   Scope: page intros and section headings only. Image/card geometry stays intact. */
html[lang="en"] .page-hero,
html[lang="en"] .subhero {
  padding-top: 52px;
  padding-bottom: 44px;
}
html[lang="en"] .page-hero h1,
html[lang="en"] .subhero h1 {
  font-size: clamp(30px, 3.3vw, 48px);
  line-height: 1.16;
  letter-spacing: -.025em;
}
html[lang="en"] .page-hero > .eyebrow,
html[lang="en"] .subhero > .eyebrow {
  margin: 0 0 12px;
}
html[lang="en"] .page-hero > p:not(.eyebrow),
html[lang="en"] .subhero > p:not(.eyebrow) {
  font-size: 16px;
  line-height: 1.65;
  margin-top: 16px;
  margin-bottom: 0;
}
html[lang="en"] .section-intro h2,
html[lang="en"] .showcase-intro h2,
html[lang="en"] .matrix-heading h2,
html[lang="en"] .solution-entry-head h2,
html[lang="en"] .capability h2 {
  font-size: clamp(26px, 2.6vw, 36px);
  line-height: 1.2;
  letter-spacing: -.02em;
}
html[lang="en"] .section-intro,
html[lang="en"] .showcase-intro,
html[lang="en"] .matrix-heading {
  margin-bottom: 26px;
}
@media (max-width: 600px) {
  html[lang="en"] .page-hero,
  html[lang="en"] .subhero {
    padding-top: 32px;
    padding-bottom: 30px;
  }
  html[lang="en"] .page-hero h1,
  html[lang="en"] .subhero h1 {
    font-size: 30px;
    line-height: 1.18;
  }
}