.legal-page {
  min-block-size: 100vh;
  padding-block: clamp(3rem, 6vw, 5rem);
  background:
    linear-gradient(180deg, rgb(0 0 0 / 0.94), rgb(15 15 15 / 0.97)),
    radial-gradient(circle at top, rgb(255 204 41 / 0.14), transparent 38%);
  color: #f5f1e8;
}

.legal-page__content {
  display: grid;
  gap: var(--space-6);
  max-inline-size: 52rem;
}

.legal-page__eyebrow {
  color: var(--color-brand-yellow);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.legal-page h1 {
  font-family: var(--font-hero);
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 0.98;
  text-wrap: balance;
}

.legal-page__intro,
.legal-page__updated,
.legal-section p {
  color: rgb(245 241 232 / 0.86);
  font-size: clamp(1rem, 1.3vw, 1.075rem);
  line-height: 1.75;
}

.legal-page__updated {
  color: rgb(255 204 41 / 0.88);
}

.legal-section {
  display: grid;
  gap: var(--space-4);
  padding-block-start: var(--space-6);
  border-top: 1px solid rgb(255 255 255 / 0.12);
  scroll-margin-top: 2rem;
}

.legal-section h2 {
  color: var(--color-brand-yellow);
  font-family: var(--font-display);
  font-size: clamp(1.7rem, 4vw, 2.4rem);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

@media (max-width: 40rem) {
  .legal-page {
    padding-block: 2.5rem;
  }

  .legal-page__content {
    gap: var(--space-4);
  }

  .legal-section {
    padding-block-start: var(--space-4);
  }
}