:root {
  --site-title-size: clamp(35px, 3.5vw, 48px);
  --site-section-title-size: clamp(27px, 2.8vw, 38px);
  --site-copy-size: 15px;
}

body {
  font-family: var(--font-family);
  font-size: var(--site-copy-size);
}

.about-page .about-hero h1,
.contact-page .contact-page-heading h1,
.careers-page .career-hero h1,
.sector-page .sector-hero h1,
.legal-page .legal-main h1 {
  font-size: var(--site-title-size);
  line-height: 1.1;
}

.about-page .about-hero h1,
.legal-page .legal-main h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

.contact-page .contact-page-heading h1 {
  letter-spacing: -0.035em;
}

.careers-page .career-hero h1,
.sector-page .sector-hero h1 {
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.careers-page .career-manifesto h2,
.careers-page .career-values h2,
.careers-page .career-world h2,
.careers-page .career-cta h2,
.sector-page .sector-landscape h2,
.sector-page .sector-detail h2,
.sector-page .sector-approach h2,
.sector-page .sector-contact h2,
.about-page .industry-list h2,
.about-page .about-transform h2,
.about-page .about-recognition h2,
.about-page .about-explore h2,
.contact-page .contact-page-aside h2,
.contact-page .contact-form-heading h2 {
  font-size: var(--site-section-title-size);
  line-height: 1.14;
}

.about-page .about-stats__intro p,
.about-page .metric-label,
.contact-page .contact-page-intro,
.careers-page .career-hero-intro,
.careers-page .career-manifesto-bottom p,
.sector-page .sector-hero-copy > p:not(.sector-eyebrow),
.sector-page .sector-landscape-heading > p,
.legal-page .legal-copy {
  font-size: var(--site-copy-size);
  line-height: 1.65;
}

body.sector-page main h2 {
  font-size: var(--site-section-title-size);
  line-height: 1.14;
}

body.sector-page main h3 {
  font-size: clamp(18px, 1.7vw, 22px);
  line-height: 1.3;
}

body.sector-page main p:not(.sector-kicker):not(.sector-eyebrow) {
  font-size: var(--site-copy-size);
  line-height: 1.65;
}

.sector-page .sector-overview-title {
  font-size: clamp(21px, 2vw, 26px);
  line-height: 1.2;
}

.sector-page .sector-overview-summary {
  font-size: 14px;
  line-height: 1.55;
}

.sector-page .sector-approach-item p {
  font-size: var(--site-copy-size);
  line-height: 1.6;
}

.about-page .about-hero {
  min-height: clamp(480px, 66svh, 620px);
}

.about-page .about-transform,
.about-page .about-recognition,
.about-page .about-explore {
  padding-top: clamp(46px, 5.5vw, 72px);
}

.contact-page .contact-page-hero {
  padding-top: 132px;
  padding-bottom: 54px;
}

.contact-page .contact-page-heading {
  margin-bottom: 34px;
}

.careers-page .career-hero {
  min-height: 680px;
  padding-top: 122px;
  padding-bottom: 76px;
}

.careers-page .career-hero-visual {
  height: clamp(350px, 40vw, 500px);
}

.careers-page .career-manifesto {
  min-height: 0;
  padding-top: 68px;
  padding-bottom: 68px;
}

.careers-page .career-values {
  padding-top: 78px;
  padding-bottom: 82px;
}

.careers-page .career-world {
  min-height: 400px;
  padding-bottom: 78px;
}

.sector-page .sector-hero {
  min-height: 580px;
  padding-top: 128px;
  padding-bottom: 70px;
}

.sector-page .sector-hero-visual {
  min-height: 390px;
}

.sector-page .sector-landscape {
  padding-top: 64px;
  padding-bottom: 72px;
}

.sector-page .sector-landscape-heading {
  margin-bottom: 28px;
}

.sector-page .sector-overview {
  min-height: 320px;
}

.legal-page .legal-main {
  padding-top: clamp(150px, 14vw, 190px);
  padding-bottom: 64px;
}

@media (min-width: 1101px) {
  :root {
    --site-title-size: clamp(34px, 3.3vw, 45px);
  }
}

@media (max-width: 720px) {
  :root {
    --site-title-size: clamp(34px, 9vw, 42px);
    --site-section-title-size: clamp(26px, 7vw, 32px);
  }

  .contact-page .contact-page-hero {
    padding-top: 108px;
    padding-bottom: 34px;
  }

  .contact-page .contact-page-heading {
    margin-bottom: 26px;
  }

  .legal-page .legal-main {
    padding-top: 122px;
  }

  .careers-page .career-hero {
    min-height: 0;
    padding-top: 105px;
    padding-bottom: 56px;
  }

  .careers-page .career-hero-visual {
    height: clamp(300px, 88vw, 390px);
  }

  .careers-page .career-manifesto,
  .careers-page .career-values {
    padding-top: 54px;
    padding-bottom: 58px;
  }

  .careers-page .career-world {
    min-height: 0;
    padding-bottom: 58px;
  }

  .sector-page .sector-hero {
    min-height: 0;
    padding-top: 112px;
    padding-bottom: 56px;
  }

  .sector-page .sector-hero-visual {
    min-height: 330px;
  }

  .sector-page .sector-landscape {
    padding-top: 48px;
    padding-bottom: 54px;
  }

  .legal-page .legal-main {
    padding-top: 122px;
    padding-bottom: 48px;
  }
}