/* Privacy and Terms: a quiet, readable column in the site's luxury register. */
.legal { max-width: 680px; margin: 0 auto; padding: 8rem 24px 2rem; }
.legal-kicker { color: #8fa3aa; font: 500 11px/1.6 var(--font-body); letter-spacing: .16em; text-transform: uppercase; }
.legal h1 { margin-top: 18px; font: 500 clamp(34px, 5vw, 52px)/1.1 var(--font-body); letter-spacing: -.04em; }
.legal-updated { margin-top: 14px; color: #667a83; font: 13px/1.6 var(--font-body); }
.legal-lede { margin-top: 36px; color: #cfd9de; font-size: 18px; line-height: 1.75; }
.legal h2 { margin: 56px 0 0; color: #edf2f4; font: 500 22px/1.3 var(--font-body); letter-spacing: -.02em; }
.legal h3 { margin-top: 28px; color: #edf2f4; font: 500 15px/1.5 var(--font-body); }
.legal p, .legal li { color: #9aabb3; font-size: 16px; line-height: 1.8; }
.legal p { margin-top: 14px; }
.legal ul { margin: 14px 0 0; padding-left: 1.2em; }
.legal li { margin-top: 10px; }
.legal li::marker { color: #4b5a61; }
.legal strong { color: #edf2f4; font-weight: 500; }
.legal a { color: #edf2f4; text-decoration: underline; text-decoration-color: #4b5a61; text-underline-offset: 4px; }
.legal a:hover { text-decoration-color: #edf2f4; }
@media (max-width: 600px) { .legal { padding-top: 6.5rem; } .legal h2 { margin-top: 44px; } }