h1, h2, h3, p { margin: 0; }
h1, h2, h3 { font-weight: 700; }

.display-xl,
.display-lg,
.display-md {
  font-family: var(--font-condensed);
  font-weight: 700;
  text-transform: uppercase;
}

.display-xl { font-size: clamp(76px, 10.2vw, 166px); line-height: .78; letter-spacing: -.065em; }
.display-lg { font-size: clamp(60px, 7.8vw, 126px); line-height: .8; letter-spacing: -.057em; }
.display-md { font-size: clamp(42px, 5.2vw, 84px); line-height: .84; letter-spacing: -.05em; }

.heading-serif,
.project-question {
  font-family: var(--font-serif);
  font-weight: 400;
  letter-spacing: -.035em;
}

.heading-serif { font-size: clamp(34px, 4vw, 64px); line-height: 1; }
.project-question { font-size: clamp(34px, 4.2vw, 68px); line-height: .98; }
.body-lg { font-size: clamp(18px, 1.4vw, 23px); line-height: 1.45; max-width: 58ch; }
.body-md { font-size: clamp(15px, 1.02vw, 17px); line-height: 1.55; max-width: 66ch; }
.body-sm { font-size: 13px; line-height: 1.55; }
.number-xl { font-family: var(--font-condensed); font-size: clamp(64px, 7.2vw, 116px); line-height: .8; letter-spacing: -.06em; }