:root {
  color-scheme: dark;
  --ink: #0b0b0c;
  --panel: #121214;
  --cream: #f5efe5;
  --muted: #b9b1a5;
  --gold: #d5b77b;
  --gold-bright: #ebd29e;
  --line: rgba(213,183,123,.28);
  --max: 920px;
}
* { box-sizing: border-box; }
html { background: var(--ink); }
body {
  margin: 0;
  color: var(--cream);
  background: radial-gradient(circle at 90% 0, rgba(213,183,123,.12), transparent 30rem), var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--gold-bright); }
.shell { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.topbar {
  position: sticky;
  top: 0;
  z-index: 10;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(11,11,12,.9);
  backdrop-filter: blur(18px);
}
.nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; flex-direction: column; color: var(--cream); text-decoration: none; line-height: .88; letter-spacing: .19em; }
.brand strong { font-family: Georgia, "Times New Roman", serif; font-size: 1.35rem; font-weight: 500; }
.brand span { margin-top: 7px; color: var(--gold); font-size: .64rem; letter-spacing: .34em; }
.back { color: var(--muted); font-size: .8rem; text-decoration: none; }
.back:hover { color: var(--cream); }
main { padding: 92px 0 110px; }
.eyebrow { margin: 0 0 16px; color: var(--gold); font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
h1, h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.02em; }
h1 { margin: 0 0 46px; font-size: clamp(3rem, 8vw, 5.8rem); line-height: 1; }
h2 { margin: 42px 0 12px; color: var(--gold-bright); font-size: 1.55rem; }
h3 { margin: 28px 0 8px; font-size: 1rem; }
p, li { color: #d1c9bd; }
p { margin: 0 0 16px; }
ul { margin: 0 0 18px; padding-left: 1.2rem; }
.legal-card { padding: clamp(24px, 5vw, 48px); border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: rgba(255,255,255,.035); }
.contact { font-style: normal; }
.note { padding: 16px 18px; border-left: 2px solid var(--gold); background: rgba(213,183,123,.07); color: var(--muted); font-size: .88rem; }
footer { padding: 30px 0; border-top: 1px solid rgba(255,255,255,.08); color: #888178; font-size: .74rem; }
.footer-row { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.footer-links { display: flex; gap: 18px; }
.footer-links a { color: inherit; text-decoration: none; }
.footer-links a[aria-current="page"], .footer-links a:hover { color: var(--cream); }
:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 4px; }
@media (max-width: 560px) {
  .shell { width: min(calc(100% - 28px), var(--max)); }
  .nav { min-height: 68px; }
  .brand strong { font-size: 1.12rem; }
  .back { font-size: .72rem; }
  main { padding: 66px 0 80px; }
}