.legal-page .legal-hero {
  padding: clamp(5.5rem, 12vw, 9rem) 0 0;
}

.legal-page .legal-hero h1 {
  max-width: 14ch;
  margin: 1rem 0 0;
  font-family: var(--display);
  font-size: clamp(2.8rem, 6vw, 5.4rem);
  font-weight: 600;
  letter-spacing: -0.055em;
  line-height: 0.94;
}

.legal-page .legal-hero p {
  max-width: 36rem;
  margin: 1.4rem 0 0;
  color: var(--paper-muted);
  line-height: 1.65;
}

.legal-copy {
  max-width: 42rem;
  padding: clamp(2.4rem, 6vw, 4.5rem) 0 clamp(5rem, 10vw, 8rem);
}

.legal-page .legal-copy p,
.legal-page .legal-copy li {
  color: var(--paper-muted);
  line-height: 1.7;
}

.legal-page .legal-copy h2 {
  margin: 2.4rem 0 0.65rem;
  font-family: var(--display);
  font-size: clamp(1.35rem, 2.4vw, 1.8rem);
  font-weight: 580;
  letter-spacing: -0.03em;
}

.legal-page .legal-copy p + p {
  margin-top: 0.9rem;
}

.legal-page .legal-copy ul {
  margin: 0.8rem 0 0;
  padding-left: 1.15rem;
}

.legal-page .legal-copy li + li {
  margin-top: 0.4rem;
}