.legal-bar { padding: 28px var(--gutter); border-bottom: 1px solid var(--hairline); }
.legal-mark { font: 500 20px var(--sans); letter-spacing: .3em; }
.legal-mark span { color: var(--champagne); }
.legal { max-width: 720px; margin: 0 auto; padding: 72px var(--gutter) 120px; color: var(--secondary); line-height: 1.75; }
.legal h1 { margin: 0 0 8px; color: var(--ivoire); font: 500 clamp(44px, 6vw, 64px)/1.05 var(--display); }
.legal h2 { margin: 48px 0 12px; color: var(--ivoire); font: 500 30px/1.15 var(--display); }
.legal p { margin: 0 0 16px; }
.legal strong { color: var(--ivoire); font-weight: 500; }
.legal ul { margin: 0 0 16px; padding-left: 20px; }
.legal li { margin-bottom: 8px; }
.legal + .footer { padding-top: 32px; }
