/*
 * Shared bilingual heading scale for the homepage, About page, leadership
 * team, and service scope pages. The service overview heading is the reference
 * treatment.
 */

:root {
  --bilingual-eyebrow-size: clamp(32px, 2.1vw, 36px);
  --bilingual-title-size: clamp(32px, 3.4vw, 46px);
  --bilingual-heading-weight: 500;
  --bilingual-eyebrow-line-height: 1.2;
  --bilingual-title-line-height: 1.18;
}

/* English labels in the shared bilingual heading pattern are always displayed
   in uppercase. Chinese labels are unaffected by text transformation. */
body.home-page main .section-heading > .eyebrow,
body.home-page main .solutions-intro > .eyebrow,
.team-section-heading > p,
.about-kicker,
.timeline-section .about-section-heading > div > .eyebrow,
.about-credentials-kicker,
.about-section .ecosystem-heading > p,
.lifecycle-kicker,
.conduct-title,
.formation-eyebrow,
.outbound-eyebrow,
.fund-eyebrow,
.accounting-eyebrow,
.secretarial-eyebrow,
.formation-jurisdiction-eyebrow {
  text-transform: uppercase;
}

/* Homepage and leadership-team section headings. Homepage hero and metric
   values are not part of this scale. */
body.home-page main .section-heading > .eyebrow,
body.home-page main .solutions-intro > .eyebrow,
.team-section-heading > p {
  font-size: var(--bilingual-eyebrow-size);
  font-weight: var(--bilingual-heading-weight);
  letter-spacing: normal;
  line-height: var(--bilingual-eyebrow-line-height);
}

body.home-page main .section-heading h2,
body.home-page main .solutions-intro h2,
.team-section-heading > h2 {
  font-size: var(--bilingual-title-size);
  font-weight: var(--bilingual-heading-weight);
  letter-spacing: normal;
  line-height: var(--bilingual-title-line-height);
}

/* About page bilingual section headings. The About hero stays on the shared
   detail-banner scale. Decorative rules and spacing remain page-owned. */
.about-kicker,
.timeline-section .about-section-heading > div > .eyebrow,
.about-credentials-kicker,
.about-section .ecosystem-heading > p,
.lifecycle-kicker,
.conduct-title {
  font-size: var(--bilingual-eyebrow-size);
  font-weight: var(--bilingual-heading-weight);
  line-height: var(--bilingual-eyebrow-line-height);
}

.about-lead h2,
.timeline-section .about-section-heading h2,
.about-credentials-copy > h2,
.about-section .ecosystem-heading h2,
.lifecycle-heading h2,
.conduct-intro h2 {
  font-size: var(--bilingual-title-size);
  font-weight: var(--bilingual-heading-weight);
  line-height: var(--bilingual-title-line-height);
}

/* Service-scope and six-jurisdiction pages use the homepage bilingual heading
   treatment at every viewport width and in both locales. Page modules retain
   ownership of section spacing and wrapping only. */
body.detail-page :is(
  .formation-eyebrow,
  .outbound-eyebrow,
  .fund-eyebrow,
  .accounting-eyebrow,
  .secretarial-eyebrow,
  .formation-jurisdiction-eyebrow
) {
  margin: 0 0 14px;
  color: var(--heading-accent);
  font-size: var(--bilingual-eyebrow-size);
  font-weight: var(--bilingual-heading-weight);
  letter-spacing: normal;
  line-height: var(--bilingual-eyebrow-line-height);
  text-transform: uppercase;
}

body.detail-page :is(
  .formation-overview-intro h1,
  .formation-section-head h2,
  .outbound-overview-intro h1,
  .outbound-section-head h2,
  .fund-overview-intro h1,
  .fund-section-head h2,
  .accounting-overview-intro h1,
  .accounting-section-head h2,
  .secretarial-overview-intro h1,
  .secretarial-section-head h2,
  .formation-jurisdiction-intro h2,
  .formation-jurisdiction-section-head h2,
  .service-scope-content .scope-title-block h1
) {
  margin-top: 0;
  color: var(--heading-ink);
  font-size: var(--bilingual-title-size);
  font-weight: var(--bilingual-heading-weight);
  letter-spacing: normal;
  line-height: var(--bilingual-title-line-height);
}