/* Shared shell for the legal pages — same brand, quieter setting. */
@font-face{font-family:"Archivo Black";src:url("/fonts/archivo-black-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("/fonts/space-grotesk-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("/fonts/space-grotesk-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("/fonts/space-grotesk-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --ground:#0D0D0F;--ink:#F4F3F1;--dim:#8C8A86;--dimmer:#5A5854;
  --accent:#FF6A2B;--hair:rgba(244,243,241,.10);--hair2:rgba(244,243,241,.055);
  --display:"Archivo Black",Impact,sans-serif;
  --ui:"Space Grotesk",ui-sans-serif,system-ui,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --shell:min(760px,88vw);
}
*{box-sizing:border-box}
html{background:var(--ground)}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:var(--ui);font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
h1,h2,h3,p{margin:0}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.shell{width:var(--shell);margin:0 auto}

nav{border-bottom:1px solid var(--hair2);position:sticky;top:0;z-index:50;
  background:rgba(13,13,15,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav-in{width:var(--shell);margin:0 auto;height:56px;display:flex;align-items:center;gap:18px}
.nav-mark{display:flex;align-items:baseline;font-family:var(--display);font-size:16px;
  letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.nav-mark i{font-style:normal;color:var(--accent)}
.nav-mark:hover{text-decoration:none}
.back{margin-left:auto;font-size:13px;color:var(--dim);text-decoration:none}
.back:hover{color:var(--ink);text-decoration:none}

header.page{padding:clamp(48px,9vh,86px) 0 12px}
h1{font-family:var(--display);font-size:clamp(30px,5.4vw,50px);line-height:1;
  letter-spacing:-.02em;text-transform:uppercase}
.sub{font-size:13px;color:var(--dimmer);margin-top:14px;
  letter-spacing:.42em;text-transform:uppercase;font-weight:500}

main{padding-bottom:clamp(60px,10vh,110px)}
section{margin-top:44px}
h2{font-size:17px;font-weight:700;letter-spacing:-.01em;
  padding-bottom:11px;border-bottom:1px solid var(--hair2)}
section p{margin-top:14px;color:var(--dim)}
section p.plain{color:var(--ink)}
address{font-style:normal;margin-top:14px;line-height:1.75}
ul{margin:14px 0 0;padding-left:20px;color:var(--dim)}
li{margin-bottom:7px}
.row{display:grid;gap:2px 20px;padding:9px 0;border-bottom:1px solid var(--hair2)}
@media(min-width:560px){.row{grid-template-columns:120px 1fr}}
.row dt{font-size:10.5px;font-weight:500;letter-spacing:.42em;
  text-transform:uppercase;color:var(--dimmer);padding-top:4px}
.row dd{margin:0}
dl{margin:14px 0 0}

footer{border-top:1px solid var(--hair2);padding:26px 0 40px}
.foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-size:10.5px;font-weight:500;letter-spacing:.42em;
  text-transform:uppercase;color:var(--dimmer)}
.foot a{color:var(--dimmer)}
.foot a:hover{color:var(--dim);text-decoration:none}