.legal-page {
  background: var(--color-paper);
}

.legal-hero {
  min-height: 48vh;
  padding: 170px var(--container-x) 90px;
  display: grid;
  align-content: end;
  background:
    radial-gradient(ellipse at 18% 20%, rgba(198, 106, 43, .22), transparent 42%),
    radial-gradient(ellipse at 80% 0%, rgba(173, 193, 139, .16), transparent 45%),
    linear-gradient(180deg, rgba(10, 18, 11, .96), rgba(20, 37, 22, .98));
  color: #fff;
}

.legal-hero h1 {
  max-width: 900px;
  margin: 0;
  font: 400 clamp(46px, 8vw, 96px) / .95 var(--font-serif);
}

.legal-hero p:not(.eyebrow) {
  max-width: 680px;
  margin: 28px 0 0;
  color: rgba(255, 255, 255, .72);
  font-size: clamp(16px, 2vw, 20px);
}

.legal-content {
  padding: 90px var(--container-x) 120px;
  display: grid;
  gap: 34px;
}

.legal-updated {
  margin: 0 0 10px;
  color: var(--color-copper);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.legal-content article {
  max-width: 920px;
  padding: 0 0 34px;
  border-bottom: 1px solid var(--color-line);
}

.legal-content h2 {
  margin: 0 0 14px;
  font: 400 clamp(26px, 3vw, 40px) / 1.1 var(--font-serif);
}

.legal-content p {
  margin: 0 0 14px;
  color: #5f655c;
  font-size: 15px;
}

.legal-content a {
  color: var(--color-copper);
  font-weight: 700;
}

@media (max-width: 760px) {
  .legal-hero {
    min-height: 42vh;
    padding: 130px 22px 70px;
  }

  .legal-content {
    padding: 70px 22px 100px;
  }
}