@font-face { font-family:"Fraunces"; src:url("/fonts/fraunces-400.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Manrope"; src:url("/fonts/manrope-400.ttf") format("truetype"); font-display:swap; }
:root { --ink:#0b0b0c; --paper:#f3f1eb; --copper:#b9b3aa; --line:rgba(255,254,249,.18); --display:"Fraunces",Georgia,serif; --sans:"Manrope",Arial,sans-serif; }
* { box-sizing:border-box; }
html { background:var(--ink); }
body { margin:0; color:var(--paper); background:radial-gradient(circle at 70% 10%,#242426 0,transparent 36%),linear-gradient(135deg,#070708,#171719); font-family:var(--sans); line-height:1.7; }
a { color:inherit; }
.legal-header { height:84px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(18px,4vw,70px); border-bottom:1px solid var(--line); }
.legal-header img { width:120px; }
.legal-header a:last-child { padding:11px 18px; color:var(--ink); background:var(--paper); border:1px solid var(--paper); border-radius:999px; font-size:10px; font-weight:800; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }
.legal-main { width:min(900px,calc(100% - 36px)); margin:0 auto; padding:clamp(70px,10vw,130px) 0; }
.legal-main .eyebrow { color:#bbb5ac; font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.legal-main h1 { margin:10px 0 70px; font-family:var(--display); font-size:clamp(64px,12vw,128px); font-weight:400; letter-spacing:-.05em; line-height:.9; }
.legal-main h2 { margin:52px 0 12px; font-family:var(--display); font-size:36px; font-weight:400; letter-spacing:-.025em; line-height:1.05; }
.legal-main h3 { margin:34px 0 8px; font-size:15px; }
.legal-main p,.legal-main li { color:#c7c2ba; }
.legal-main a { color:#fffefa; }
.legal-note { margin:46px 0; padding:22px; color:var(--ink)!important; background:#dedad2; border-left:4px solid #fffefa; }
.legal-footer { padding:28px clamp(18px,4vw,70px); display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); color:#9d9890; font-size:10px; text-transform:uppercase; }
@media(max-width:600px){.legal-header{height:70px}.legal-header img{width:96px}.legal-footer{flex-direction:column}.legal-main h1{margin-bottom:44px}.legal-main h2{font-size:31px}}