@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@300;400;500;600;700&display=swap);

.g-legal-page {
  --g-bg:#08090c;
  --g-bg2:#0d1016;
  --g-surface:#121722;
  --g-line:rgba(184,157,107,.22);
  --g-gold:#b89d6b;
  --g-gold-soft:#d7bf98;
  --g-text:#f3efe8;
  --g-muted:#afa69c;
  --g-max:1100px;
  background:radial-gradient(900px 500px at 80% 10%,rgba(184,157,107,.10),transparent 70%),linear-gradient(180deg,#08090c 0%,#0b0f16 100%);
  color:var(--g-text);
  margin:0 calc(50% - 50vw);
  padding:84px 0 96px;
  font-family:Inter,system-ui,sans-serif;
}

.g-legal-page * {
  box-sizing:border-box;
}

.g-legal-page a {
  color:inherit;
  text-decoration:none;
}

.g-legal-wrap {
  width:min(var(--g-max),92%);
  margin:0 auto;
}

.g-legal-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--g-gold);
  font-size:11px;
  letter-spacing:.26em;
  text-transform:uppercase;
}

.g-legal-eyebrow:before {
  content:"";
  width:30px;
  height:1px;
  background:var(--g-gold);
}

.g-legal-hero {
  padding:28px;
  border:1px solid var(--g-line);
  border-radius:28px;
  background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
}

.g-legal-hero h1 {
  margin:16px 0 10px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(38px,6vw,62px);
  line-height:1.04;
  font-weight:500;
  letter-spacing:-.02em;
  color:var(--g-text);
}

.g-legal-hero p {
  max-width:760px;
  color:var(--g-muted);
  font-size:15px;
  line-height:1.8;
}

.g-legal-meta {
  margin-top:14px;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#cfc4b4;
}

.g-legal-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}

.g-legal-card,.g-legal-callout {
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:24px;
  background:rgba(255,255,255,.025);
}

.g-legal-card h2,.g-legal-callout h2 {
  margin:0 0 12px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:30px;
  font-weight:500;
  color:var(--g-text);
}

.g-legal-card p,.g-legal-card li,.g-legal-callout p,.g-legal-callout li {
  color:var(--g-muted);
  font-size:14px;
  line-height:1.8;
}

.g-legal-card ul,.g-legal-callout ul {
  padding-left:18px;
  margin:0;
}

.g-legal-card li+li,.g-legal-callout li+li {
  margin-top:6px;
}

.g-legal-list {
  display:grid;
  gap:10px;
}

.g-legal-row {
  display:grid;
  grid-template-columns:180px 1fr;
  gap:14px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.g-legal-row:last-child {
  border-bottom:none;
}

.g-legal-row strong {
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--g-gold);
}

.g-legal-row span,.g-legal-row a {
  font-size:14px;
  line-height:1.75;
  color:#e6ddd1;
  word-break:break-word;
}

.g-legal-links {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

.g-legal-links a {
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#e6ddd1;
  text-align:center;
}

.g-legal-links a:hover {
  border-color:var(--g-line);
  color:var(--g-gold-soft);
}

.g-legal-prose {
  margin-top:22px;
  display:grid;
  gap:18px;
}

.g-legal-section {
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:24px;
  background:rgba(255,255,255,.022);
}

.g-legal-section h2 {
  margin:0 0 12px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:28px;
  font-weight:500;
  color:var(--g-text);
}

.g-legal-section p,.g-legal-section li {
  color:var(--g-muted);
  font-size:14px;
  line-height:1.8;
}

.g-legal-section ul {
  padding-left:18px;
  margin:0;
}

.g-legal-note {
  margin-top:22px;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid var(--g-line);
  background:rgba(184,157,107,.08);
}

.g-legal-note strong {
  display:block;
  margin-bottom:8px;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--g-gold);
}

.g-legal-note p {
  margin:0;
  color:#e6ddd1;
  font-size:13px;
  line-height:1.8;
}

@media (max-width:860px) {
  .g-legal-grid,.g-legal-links,.g-legal-row {
    grid-template-columns:1fr;
  }

}
