@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600&display=swap');

:root { color-scheme: dark; --ink:#e8e2d8; --muted:#aaa9a4; --line:rgba(232,226,216,.18); --gold:#c9a56b; --black:#090b0e; --panel:#101419; }
* { box-sizing:border-box; }
html { background:var(--black); }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 50% -20%,#242a31 0%,var(--panel) 34%,var(--black) 77%); font-family:Manrope,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.legal { width:min(820px,calc(100% - 48px)); margin:0 auto; padding:34px 0 84px; }
.legal__nav { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:42px; color:var(--muted); font:500 .64rem 'DM Mono',monospace; letter-spacing:.11em; }
.legal__brand { color:var(--ink); font-weight:500; letter-spacing:.25em; text-decoration:none; }
.legal__back { color:var(--gold); text-underline-offset:4px; }
.legal__eyebrow { margin:42px 0 16px; color:var(--gold); font:500 .63rem 'DM Mono',monospace; letter-spacing:.17em; }
h1 { max-width:690px; margin:0; font:500 clamp(3.3rem,8vw,6.5rem)/.9 'Playfair Display',Georgia,serif; letter-spacing:-.06em; }
.legal__updated { margin:24px 0 54px; color:var(--muted); font:.78rem/1.7 'DM Mono',monospace; }
.legal__content { border-top:1px solid var(--line); }
.legal__section { padding:30px 0 32px; border-bottom:1px solid var(--line); }
h2 { margin:0 0 13px; color:var(--gold); font:500 .68rem 'DM Mono',monospace; letter-spacing:.14em; text-transform:uppercase; }
p,li { color:var(--muted); font-size:.94rem; line-height:1.78; }
p { margin:0; }
p + p { margin-top:14px; }
ul { margin:14px 0 0; padding-left:20px; }
li + li { margin-top:7px; }
.legal__notice { color:var(--ink); }
.legal__footer { padding-top:30px; color:#797e84; font:500 .58rem/1.7 'DM Mono',monospace; letter-spacing:.04em; }
.legal__footer a { color:var(--gold); text-underline-offset:3px; }
@media (max-width:600px) { .legal { width:min(100% - 40px,820px); padding-top:25px; } .legal__nav { padding-bottom:28px; } .legal__eyebrow { margin-top:28px; } .legal__updated { margin-bottom:38px; } }
