/* Privacy, Terms: quiet, readable, no theatre. */
.legal { padding-top: calc(var(--nav-h) + clamp(56px, 10vh, 120px)); padding-bottom: clamp(80px, 14vh, 160px); max-width: 820px; }
.legal-head { margin-bottom: clamp(48px, 8vh, 88px); }
.legal-head h1 { font-size: clamp(2.8rem, 7vw, 5.2rem); letter-spacing: -0.03em; }
.legal-meta { margin-top: 14px; color: var(--bone-3); font-size: 0.95rem; }
.legal-lede { margin-top: 28px; font-family: var(--serif); font-size: clamp(1.3rem, 2.2vw, 1.75rem); line-height: 1.35; color: var(--bone-2); max-width: 32em; }
.legal section { padding: 36px 0; border-top: 1px solid var(--hair); }
.legal h2 { font-size: clamp(1.6rem, 2.6vw, 2.1rem); margin-bottom: 16px; }
.legal h3 { font-family: var(--sans); font-size: 1rem; font-weight: 500; color: var(--bone); margin: 22px 0 8px; letter-spacing: 0; }
.legal p, .legal li { color: var(--bone-2); max-width: 68ch; }
.legal p + p { margin-top: 14px; }
.legal ul { display: grid; gap: 10px; padding-left: 1.2em; list-style: disc; }
.legal li::marker { color: var(--brass-deep); }
.legal b { font-weight: 500; color: var(--bone); }
.legal a { color: var(--brass); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--hair-strong); transition: text-decoration-color 0.3s; }
.legal a:hover { text-decoration-color: var(--brass); }
.legal-page .foot { padding-top: 56px; padding-bottom: 56px; }
.legal-page .foot-legal a { text-decoration: underline; text-underline-offset: 3px; }
.legal-page .foot-legal a:hover { color: var(--brass); }