.content-hero-compact {
  padding-block: clamp(2.75rem, 5vw, 4.5rem);
  background: var(--mauve-2);
}

.content-hero-compact .content-hero-inner {
  max-width: 58rem;
  margin-inline: auto;
}

.content-hero-compact h1 {
  max-width: 14ch;
  font-size: clamp(3.1rem, 5.5vw, 5.25rem);
  text-transform: none;
  letter-spacing: -0.035em;
}

.legal-layout > * {
  min-width: 0;
}

.legal-layout {
  display: grid;
  grid-template-columns: 15rem minmax(0, 48rem);
  gap: 3rem 6rem;
  justify-content: center;
}

.legal-updated {
  font-size: 0.78rem;
  color: var(--color-muted);
}

@media (max-width: 64rem) {
  .legal-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 40rem) {
  .legal-layout {
    grid-template-columns: 1fr;
  }
}