.legal { max-width: 920px; padding-block: clamp(56px, 8vw, 112px); }
.legal__eyebrow { color: var(--klein); font: 500 .72rem/1.5 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; margin: 2.8rem 0 .8rem; }
.legal h1 { font-size: clamp(2.5rem, 6vw, 4.8rem); letter-spacing: -.04em; margin-bottom: 1.1rem; }
.legal h2 { font-size: clamp(1.3rem, 2.2vw, 1.65rem); margin: 2.8rem 0 .8rem; }
.legal p, .legal li { max-width: 69ch; font-size: 1.08rem; line-height: 1.7; }
.legal ul { padding-left: 1.3rem; margin-bottom: 1rem; }
.legal li + li { margin-top: .5rem; }
.legal a:not(.brand) { color: var(--klein); text-underline-offset: .18em; overflow-wrap: anywhere; }
.legal__intro { font-size: clamp(1.2rem, 1.8vw, 1.45rem) !important; }
.legal__date { color: var(--muted); font: .75rem/1.6 var(--f-mono) !important; margin-top: 2.5rem; }
.legal-footer { max-width: 920px; padding-bottom: 3rem; }
.legal-footer nav { display: flex; flex-wrap: wrap; gap: .6rem 1.5rem; border-top: 1px solid var(--line); padding-top: 1.4rem; font: .86rem/1.5 var(--f-display); }
.legal-footer a { color: var(--klein); text-underline-offset: .2em; }
