/* ====================================================
   LEGAL PAGES · Simian Kids
   ==================================================== */
:root{
  --bg:#111111;
  --fg:#FFFFFF;
  --fg-muted:rgba(255,255,255,0.62);
  --fg-quiet:rgba(255,255,255,0.38);
  --hairline:rgba(255,255,255,0.18);
  --simian:#FF3FA8;
  --font:'Nunito Sans',system-ui,-apple-system,sans-serif;
  --gutter:24px;
  --max:760px;
  --nav-h:72px;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--fg);
  font-family:var(--font);
  font-weight:400;
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
::selection{background:var(--simian);color:var(--bg)}
img{display:block;max-width:100%}
a{color:var(--simian);text-underline-offset:3px}
a[href^="mailto:"]{color:#FF3FA8;transition:color 160ms cubic-bezier(.16,1,.3,1)}
a[href^="mailto:"]:hover{color:#FF5DB6}

.nav{
  position:fixed;top:0;left:0;right:0;height:var(--nav-h);
  background:var(--bg);
  display:flex;align-items:center;
  padding:0 var(--gutter);
  z-index:100;
  border-bottom:1px solid var(--hairline);
}
.nav__iso{width:40px;height:40px;display:grid;place-items:center}
.nav__iso img{width:40px;height:40px;display:block}
.nav__brand{
  margin-left:14px;
  font-weight:900;font-size:14px;letter-spacing:.04em;
  text-transform:uppercase;color:var(--fg);
  text-decoration:none;
}

main{
  max-width:var(--max);
  margin:0 auto;
  padding:calc(var(--nav-h) + 96px) var(--gutter) 96px;
}
.legal__eyebrow{
  font-size:12px;font-weight:900;letter-spacing:.14em;
  text-transform:uppercase;color:var(--simian);
  margin:0 0 16px;
}
.legal__title{
  font-weight:900;
  font-size:clamp(40px,5.4vw,72px);
  line-height:1.02;letter-spacing:-.025em;
  margin:0 0 16px;
}
.legal__lead{
  color:var(--fg-muted);
  font-size:18px;
  margin:0 0 56px;
  max-width:54ch;
}
.legal h2{
  font-weight:900;
  font-size:clamp(22px,2.4vw,28px);
  letter-spacing:-.01em;
  margin:48px 0 16px;
  color:var(--fg);
}
.legal h3{
  font-weight:900;
  font-size:16px;
  letter-spacing:.02em;
  margin:32px 0 12px;
  color:var(--fg);
}
.legal p{margin:0 0 16px;color:var(--fg-muted)}
.legal ul{margin:0 0 16px;padding-left:20px;color:var(--fg-muted)}
.legal ul li{margin-bottom:8px}
.legal strong{color:var(--fg);font-weight:700}
.legal__placeholder{
  display:inline-block;
  padding:1px 8px;
  border:1px dashed var(--simian);
  border-radius:4px;
  color:var(--simian);
  font-weight:700;
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.legal__meta{
  margin-top:64px;
  padding-top:32px;
  border-top:1px solid var(--hairline);
  font-size:13px;
  color:var(--fg-quiet);
}

.legal__footer{
  border-top:1px solid var(--hairline);
  padding:48px var(--gutter);
  text-align:center;
  color:var(--fg-quiet);
  font-size:13px;
}
.legal__footer a{color:var(--fg-muted);text-decoration:none;margin:0 12px}
.legal__footer a:hover{color:var(--simian)}