body { background: var(--soot); }
.legal { max-width: 720px; margin: 0 auto; padding: clamp(32px, 8vh, 80px) 20px 40px; }
.legal .back { display: inline-block; margin-bottom: 28px; color: var(--brass); text-decoration: none; font-size: 15px; }
.legal .back:hover { color: var(--brass-hi); }
.legal h1 { margin: 0 0 28px; font-family: var(--f-display); font-weight: 400; font-size: clamp(18px, 4vw, 24px); letter-spacing: .12em; text-transform: uppercase; color: var(--brass); }
.legal p { margin: 0 0 1.1em; color: var(--ink); overflow-wrap: anywhere; }
.foot { border-top: 1px solid rgba(201, 161, 90, .16); padding: 28px 20px; color: var(--tin); font-size: 14px; }
.foot-in { max-width: 720px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 12px 28px; justify-content: space-between; }
.foot a { color: var(--tin); text-decoration: none; }
.foot a:hover { color: var(--brass); }
.foot-links { display: flex; flex-wrap: wrap; gap: 8px 22px; }