:root{
  --ink:#05070a; --bone:#dfe7e0; --bone-dim:#aab4ad; --muted:#78837c;
  --line-soft:rgba(223,231,224,.07); --line:rgba(223,231,224,.14);
  --vermilion:#e0231c; --pad:clamp(20px,3.4vw,56px);
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ background:var(--ink); scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  background:var(--ink); color:var(--bone-dim);
  font-family:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-weight:300; font-size:15px; line-height:1.75;
  padding:0 var(--pad) clamp(60px,10vh,120px);
}

.legal-nav{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:26px 0; border-bottom:1px solid var(--line-soft); margin-bottom:clamp(40px,7vh,80px);
}
.legal-brand{ display:flex; align-items:center; gap:11px; text-decoration:none; color:inherit; }
.legal-brand img{ width:32px; height:32px; display:block; object-fit:contain; }
.legal-brand b{ font-size:12px; font-weight:500; letter-spacing:.26em; color:var(--bone); }
.legal-back{
  font-size:10px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--muted); text-decoration:none; transition:color .3s;
}
.legal-back:hover{ color:var(--bone); }

main{ max-width:74ch; margin:0 auto; }
.legal-kicker{
  font-size:10px; font-weight:500; letter-spacing:.22em; text-transform:uppercase;
  color:var(--vermilion); margin-bottom:16px;
}
h1{
  font-size:clamp(28px,3.4vw,46px); font-weight:400; line-height:1.16;
  letter-spacing:-.012em; text-transform:uppercase; color:var(--bone); margin-bottom:14px;
}
.legal-date{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted);
  padding-bottom:clamp(28px,5vh,52px); border-bottom:1px solid var(--line-soft); }
h2{
  font-size:clamp(17px,1.6vw,22px); font-weight:400; color:var(--bone);
  margin:clamp(38px,6vh,64px) 0 14px; letter-spacing:-.004em;
}
h3{ font-size:15px; font-weight:500; color:var(--bone); margin:26px 0 10px; }
p{ margin:0 0 14px; }
ul{ margin:0 0 14px; padding-left:20px; }
li{ margin-bottom:8px; }
a{ color:var(--bone); text-decoration:underline; text-underline-offset:3px;
   text-decoration-color:rgba(223,231,224,.35); transition:text-decoration-color .3s; }
a:hover{ text-decoration-color:var(--bone); }
strong{ color:var(--bone); font-weight:500; }

.legal-foot{
  max-width:74ch; margin:clamp(50px,8vh,90px) auto 0; padding-top:24px;
  border-top:1px solid var(--line-soft);
  display:flex; flex-wrap:wrap; gap:10px 28px; justify-content:space-between;
  font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted);
}
.legal-foot a{ color:var(--muted); text-decoration:none; transition:color .3s; }
.legal-foot a:hover{ color:var(--bone); }