h1,
h2,
h3 {
  font-family: var(--font-serif);
  font-weight: 400;
}

h1 {
  max-width: 15ch;
  font-size: var(--step-4);
  line-height: var(--leading-tight);
  letter-spacing: -0.035em;
}

h2 {
  max-width: 27ch;
  font-size: var(--step-2);
  line-height: var(--leading-heading);
  letter-spacing: -0.018em;
}

h3 {
  font-size: var(--step-1);
  line-height: 1.2;
  letter-spacing: -0.01em;
}

p,
dd {
  max-width: var(--reading-measure);
}

.opening-statement {
  font-size: var(--step-1);
  line-height: 1.48;
}

.section-introduction,
.precedent-copy {
  font-size: var(--step-1);
  line-height: 1.5;
}

@media (max-width: 30rem) {
  h1 {
    font-size: clamp(2.75rem, 15vw, 4rem);
  }
}