.legal-page { background: var(--cream); }
.legal-hero { padding: clamp(5rem, 9vw, 9rem) max(3vw, 42px) clamp(3rem, 6vw, 6rem); color: var(--white); background: var(--ink); }
.legal-hero > div { max-width: var(--max); margin: 0 auto; }
.legal-hero .breadcrumbs { color: #bac2d0; }
.legal-hero h1 { max-width: 980px; margin: 1.5rem 0; font-family: var(--serif); font-size: clamp(3.7rem, 7vw, 7.5rem); font-weight: 400; letter-spacing: -.055em; line-height: .92; }
.legal-hero h1 em { color: #ffc1b5; font-weight: 400; }
.legal-hero p { max-width: 760px; color: #d7dde5; font-family: var(--serif); font-size: 1.12rem; }
.legal-content { max-width: 1040px; margin: 0 auto; padding: clamp(4.5rem, 8vw, 8rem) max(3vw, 42px); }
.legal-content article { padding: 2rem 0; border-top: 1px solid var(--line); }
.legal-content article:first-child { border-top: 0; padding-top: 0; }
.legal-content h2 { margin: 0 0 1rem; font-family: var(--serif); font-size: clamp(1.8rem, 3vw, 2.8rem); font-weight: 400; }
.legal-content h3 { margin: 1.6rem 0 .65rem; font-family: var(--serif); font-size: 1.35rem; font-weight: 400; }
.legal-content p, .legal-content li { color: #4f5a71; }
.legal-content ul { padding-left: 1.2rem; }
.legal-content a { font-weight: 800; text-underline-offset: .22rem; }
.legal-meta { padding: 1rem 1.2rem; background: #e5eee8; border-left: 4px solid var(--coral); }
@media (max-width: 760px) {
  .legal-hero, .legal-content { padding-inline: 1.25rem; }
}