/* To use Switzer everywhere, set --heading-font to var(--font). */
:root {
  --font: 'Switzer', Arial, Helvetica, sans-serif;
  --heading-font: 'Sentient', Georgia, serif;
}
h1, h2, .group-note h3, .statement-text, .legacy-image b {
  font-family: var(--heading-font);
  font-weight: 400;
  letter-spacing: -.035em;
}
h1, h2 { line-height: 1.1; }
h3 {
  font-family: var(--font);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -.02em;
}
body { font-size: 16px; }
.hero-description,
.section-heading > p,
.company-info > p:not(.company-region),
.group-note p,
.statement .wrap > p:last-child,
.body-copy,
.capability-list p,
.legacy-copy p,
.network-main p,
.regions p,
.faq details p,
.dock-panel-copy { font-size: 16px; }
.leader p { font-size: 14px; }
.header nav, .button, .menu-toggle, .dock-trigger, .text-link,
.faq summary { font-weight: 500; }
.faq summary { font-size: 16px; }
.proof-financial strong, .company-financial > strong {
  font-family: var(--font);
  font-weight: 600;
}
.hero h1 { font-size: clamp(62px, 6vw, 82px); letter-spacing: -.045em; }
.hero h1 > span { font-size: .5em; letter-spacing: -.045em; white-space: nowrap; }
.company-info h3 { font-size: 22px; }
.capability-list h3 { font-size: 20px; }
.legacy-copy h3 { font-size: 22px; }
.leader h3 { font-size: 19px; }
.regions h3 { font-size: 22px; }
.group-note h3 { letter-spacing: -.035em; }
.statement-text { letter-spacing: -.035em; }
.legacy-image b { line-height: 1.2; }
.footer-heading h2 { letter-spacing: -.04em; }
.dock-panel-title { font-family: var(--font); font-weight: 500; font-size: 19px; letter-spacing: -.02em; }
@media (max-width: 1000px) and (min-width: 761px) {
  .hero h1 { font-size: 65px; }
  .company-info h3 { font-size: 22px; }
}
@media (max-width: 760px) {
  .hero h1 { font-size: clamp(56px, 16vw, 70px); }
  .hero h1 > span { font-size: min(.5em, 6.5vw); }
  h2 { font-size: 38px; }
  .footer-heading h2 { font-size: clamp(33px, 9.6vw, 45px); }
  .company-info h3 { font-size: 22px; }
  .dock-panel-title { font-size: 18px; }
}

@media (max-width: 360px) { .hero h1 { font-size: 52px; } }