@font-face{
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/fraunces-latin.woff2') format('woff2-variations'), url('../fonts/fraunces-latin.woff2') format('woff2');
}
@font-face{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-latin.woff2') format('woff2-variations'), url('../fonts/inter-latin.woff2') format('woff2');
}
@font-face{
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('../fonts/jetbrains-mono-latin.woff2') format('woff2-variations'), url('../fonts/jetbrains-mono-latin.woff2') format('woff2');
}

:root{
  --bg: #17130f;
  --card: #221c17;
  --cream: #f4ecdf;
  --cream-dim: #cfc4b2;
  --pink: #ec3a80;
  --pink-dim: #7a2144;
  --line: rgba(244,236,223,0.12);
}

*{box-sizing:border-box; margin:0; padding:0;}

body{
  background: var(--bg);
  color: var(--cream);
  font-family: 'Inter', sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

.wrap{ max-width: 820px; margin: 0 auto; padding: 0 28px; }

header.legal-top{
  border-bottom: 1px solid var(--line);
  padding: 26px 0;
}
header.legal-top .wrap{
  display:flex; align-items:center; justify-content:space-between;
}
.logo-mini{
  font-family:'Fraunces', serif; font-weight:700; font-size:19px;
  color: var(--cream); text-decoration:none;
}
.logo-mini span{ color: var(--pink); }
.back-link{
  color: var(--cream-dim); text-decoration:none; font-size:14px;
  font-family:'JetBrains Mono', monospace;
}
.back-link:hover{ color: var(--cream); }

main{ padding: 64px 0 100px; }

.eyebrow{
  font-family: 'JetBrains Mono', monospace;
  font-size: 12.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pink);
}

h1{
  font-family: 'Fraunces', serif; font-weight: 600;
  font-size: clamp(28px, 4vw, 40px);
  color: var(--cream);
  margin-top: 14px;
}

.updated{
  margin-top: 12px;
  font-size: 13px;
  color: var(--cream-dim);
  font-family:'JetBrains Mono', monospace;
}

.placeholder-note{
  margin-top: 28px;
  background: var(--pink-dim);
  border: 1px solid var(--pink);
  border-radius: 12px;
  padding: 16px 20px;
  font-size: 14px;
  color: var(--cream);
}

.legal-content{ margin-top: 44px; }

.legal-content h2{
  font-family: 'Fraunces', serif; font-weight: 600;
  font-size: 22px;
  color: var(--cream);
  margin-top: 42px;
  margin-bottom: 14px;
}
.legal-content h2:first-child{ margin-top: 0; }

.legal-content p{
  color: var(--cream-dim);
  font-size: 15px;
  margin-bottom: 14px;
}

.legal-content ul{
  margin: 14px 0 14px 22px;
  color: var(--cream-dim);
  font-size: 15px;
}
.legal-content li{ margin-bottom: 8px; }

.legal-content .fill{
  color: var(--pink);
  font-style: normal;
}

.legal-content a{ color: var(--pink); }

footer.legal-foot{
  border-top: 1px solid var(--line);
  padding: 28px 0;
}
footer.legal-foot .wrap{
  display:flex; justify-content:space-between; align-items:center;
  color: var(--cream-dim); font-size: 13px;
  flex-wrap: wrap; gap: 10px;
}
footer.legal-foot a{ color: var(--cream-dim); margin-left: 16px; text-decoration:none; }
footer.legal-foot a:hover{ color: var(--cream); }