/* Proportional Latin punctuation for English; retain the Chinese type system. */
html[lang="en"] {
  --font-sans: "MT Latin Text", "MT Text", Arial, sans-serif;
  font-kerning: normal;
}

html[lang="en"] body {
  letter-spacing: normal;
  word-spacing: normal;
}

/* Long English passages need a shorter measure and a closer reading rhythm. */
html[lang="en"] :is(
  .intro-copy, .collection p, .story-copy > p:not(.eyebrow),
  .client-teaser > div > p:not(.eyebrow), .uk > p:not(.eyebrow),
  .profile-heading > p:not(.eyebrow), .letter-chapter p,
  .design-memory p:not(.eyebrow), .new-chapter-band p:not(.eyebrow),
  .stories-deck, .journal-chapter p, .story-ending > p:not(.eyebrow),
  .history-deck, .history-copy > p:not(.eyebrow), .next-chapter-copy p
) {
  line-height: 1.75;
  letter-spacing: normal;
  word-spacing: normal;
  text-wrap: pretty;
}

html[lang="en"] :is(
  .letter-chapter p, .journal-chapter p, .history-copy > p:not(.eyebrow),
  .new-chapter-band p:not(.eyebrow), .next-chapter-copy p
) { max-width: 65ch; }

html[lang="en"] .history-deck { max-width: 64ch; }
html[lang="en"] .stories-deck { max-width: 64ch; }

/* Keep the serif character, without squeezing letters or forcing short lines. */
html[lang="en"] :is(h1, h2, .statement) { letter-spacing: -.025em; }
html[lang="en"] h2 { white-space: normal; }
html[lang="en"] h3 { letter-spacing: -.015em; }
html[lang="en"] :is(.letter-intro h2, .journal-intro h2, .history-copy h2) {
  line-height: 1.25;
}
html[lang="en"] .turnover-value { letter-spacing: -.025em; }

/* Restrained tracking keeps possessives and captions easy to read. */
html[lang="en"] .eyebrow { font-size: .75rem; letter-spacing: .08em; line-height: 1.7; }
html[lang="en"] :is(.client-byline, .coming, .founder > span:last-child) {
  letter-spacing: .06em;
}
html[lang="en"] :is(.archive-photo figcaption, .story-visual figcaption) {
  letter-spacing: .025em;
  line-height: 1.7;
}
html[lang="en"] :is(.client-teaser figcaption, .featured-quote figcaption) {
  letter-spacing: .06em;
  line-height: 1.7;
}
html[lang="en"] .editorial-note { line-height: 1.7; }
html[lang="en"] .nav a { white-space: nowrap; }

@media (max-width: 700px) {
  html[lang="en"] :is(.history-opening h1, .stories-heading h1) { line-height: 1.2; }
  html[lang="en"] :is(.profile-heading h2, .new-chapter-band h2, .history-next h2) {
    line-height: 1.25;
  }
  html[lang="en"] .eyebrow { letter-spacing: .06em; }
  html[lang="en"] .client-byline { letter-spacing: .045em; }
  html[lang="en"] :is(.client-teaser blockquote, .featured-quote blockquote) {
    line-height: 1.45;
    letter-spacing: -.015em;
  }
}