.legal-page { background: #fff; }
.legal-hero {
  padding: 86px max(28px, calc((100vw - 960px) / 2 + 28px)) 68px;
  background: var(--deep);
  color: #fff;
}
.legal-hero .eyebrow { color: #d4b9ce; }
.legal-hero h1 { margin: 0 0 18px; font-size: clamp(3rem, 6vw, 5.6rem); line-height: .98; letter-spacing: -.055em; }
.legal-hero p:last-child { max-width: 720px; margin: 0; color: #eadfe7; font-size: 1.12rem; }
.legal-content { max-width: 920px; margin: 0 auto; padding: 80px 28px 110px; }
.legal-updated { margin-bottom: 44px; color: var(--mauve); font: 700 .78rem Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.legal-content section { margin-bottom: 48px; }
.legal-content h2 { margin-bottom: 16px; color: var(--deep); font-size: clamp(1.6rem, 3vw, 2.35rem); line-height: 1.12; letter-spacing: -.035em; }
.legal-content h3 { margin: 28px 0 10px; color: var(--plum); font-size: 1.15rem; }
.legal-content p, .legal-content li { max-width: 780px; }
.legal-content ul { padding-left: 22px; }
.legal-content li { margin-bottom: 9px; }
.legal-note { padding: 24px; border-left: 5px solid var(--green); background: var(--mint); color: var(--deep); }
@media (max-width: 560px) {
  .legal-hero { padding-top: 64px; }
  .legal-content { padding-top: 60px; }
}