:root { color-scheme: dark; --bg:#0d0b09; --surface:#191511; --text:#f5efe6; --muted:#b9afa3; --gold:#d7ad68; --line:#33291e; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 80% 0,#2a2117 0,transparent 28rem),var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.65; }
a { color:#efc77f; }
header,main,footer { width:min(820px,calc(100% - 40px)); margin:auto; }
header { padding:32px 0 18px; display:flex; justify-content:space-between; gap:18px; align-items:center; border-bottom:1px solid var(--line); }
.brand { font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); font-size:.82rem; text-decoration:none; }
nav { display:flex; gap:16px; flex-wrap:wrap; justify-content:flex-end; }
nav a { color:var(--muted); text-decoration:none; font-size:.92rem; }
main { padding:54px 0 72px; }
h1 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.4rem,7vw,4.4rem); line-height:1.02; letter-spacing:-.035em; margin:0 0 18px; }
h2 { margin-top:38px; line-height:1.25; font-size:1.28rem; }
p,li { color:var(--muted); }
.lede { font-size:1.12rem; max-width:680px; }
.card { background:rgba(25,21,17,.9); border:1px solid var(--line); border-radius:22px; padding:22px; margin:22px 0; }
.meta { color:var(--gold); text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; font-weight:700; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; margin-top:28px; }
.grid .card { margin:0; }
footer { color:#81776c; font-size:.86rem; padding:26px 0 44px; border-top:1px solid var(--line); }
strong { color:var(--text); }
@media(max-width:620px){ header{align-items:flex-start;flex-direction:column} nav{justify-content:flex-start} main{padding-top:38px} }