/* MAIN only: explicit heading targets; no global h1/h2/h3 rules.
   Existing fonts, colors, backgrounds, markup, visuals and motion are inherited. */
main.typography-main {
  --main-type-section: clamp(46px, 3.333333vw, 48px);
  --main-type-project: clamp(34px, 2.5vw, 36px);
  --main-type-secondary: clamp(28px, 2.083333vw, 30px);
  --main-type-entry: 22px;
  --main-type-intro: 22px;
  --main-type-title-gap: 32px;
  --main-type-copy-gap: 22px;
}
main.typography-main .reach-heading > h2, main.typography-main .projects-heading > h2, main.typography-main .timeline-heading > .timeline-label {
  font-size: var(--main-type-section);
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: -.035em;
  margin-top: 0;
}
main.typography-main .projects .project-monitor .project-copy > h3, main.typography-main .projects .project-monitor .community-copy > h3 {
  font-size: var(--main-type-project);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.03em;
  margin: 0 0 var(--main-type-copy-gap);
}
main.typography-main .client-references .container > h2 {
  font-size: var(--main-type-secondary);
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -.03em;
}
main.typography-main .timeline > li h3 {
  font-size: var(--main-type-entry);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.025em;
  margin-bottom: 12px;
}
main.typography-main .company .company-statement {
  font-size: var(--main-type-intro);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: -.025em;
}
main.typography-main .projects .projects-heading { margin-bottom: var(--main-type-title-gap); }
@media (max-width: 800px) {
  main.typography-main {
    --main-type-section: clamp(36px, 5.46875vw, 42px);
    --main-type-project: 32px;
    --main-type-secondary: 28px;
    --main-type-entry: 20px;
    --main-type-intro: 20px;
    --main-type-title-gap: 28px;
    --main-type-copy-gap: 20px;
  }
}
@media (max-width: 600px) {
  main.typography-main {
    --main-type-section: clamp(30px, 8.205128vw, 36px);
    --main-type-project: clamp(26px, 7.179487vw, 30px);
    --main-type-secondary: clamp(22px, 6.153846vw, 26px);
    --main-type-entry: 20px;
    --main-type-intro: 17.2px;
    --main-type-title-gap: 24px;
    --main-type-copy-gap: 18px;
  }
}