:root{
  --bg:#0f0f10; --panel:#141416;
  --text:#f3f3f3; --muted:#9aa0a6;
  --accent:#d4af37; --accent-2:#7a6230;
  --radius:22px;
}

html,body{background:var(--bg); color:var(--text); font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;}
h1,h2,h3,.display{font-family:"Playfair Display",serif; letter-spacing:.3px}
a{color:var(--text); text-decoration:none}
.section{padding:72px 0}
.container{max-width:1100px; margin:0 auto; padding:0 20px}

.btn{display:inline-block; padding:14px 22px; border-radius:14px; border:1px solid rgba(212,175,55,.35); transition:.2s}
.btn:hover{transform:translateY(-1px); background:rgba(212,175,55,.08); border-color:var(--accent)}
.btn--accent{color:#111; background:var(--accent); border-color:var(--accent)}
.btn--accent:hover{filter:brightness(1.05)}

.card{background:var(--panel); border:1px solid #232327; border-radius:var(--radius); box-shadow:0 10px 30px rgba(0,0,0,.2)}
.muted{color:var(--muted)}

.nav{position:sticky; top:0; backdrop-filter:blur(6px); background:rgba(15,16,17,.5); border-bottom:1px solid #1f1f22; z-index:50}
.nav__inner{display:flex; align-items:center; justify-content:space-between; height:64px}
.logo{font-family:"Playfair Display",serif; font-size:22px}
.logo b{color:var(--accent)}

.hero{padding:110px 0 80px; text-align:center; background:
 radial-gradient(1200px 500px at 50% -50%, rgba(212,175,55,.07), transparent 70%)}
.hero h1{font-size:48px; margin:.1em 0}
.hero .date{font-size:18px; color:var(--muted); letter-spacing:.12em; text-transform:uppercase}
.hero .cta{margin-top:22px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap}

.grid{display:grid; gap:16px}
.grid--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){ .grid--3{grid-template-columns:1fr} }

.badge{display:inline-block; padding:7px 12px; border:1px solid #2a2a2a; border-radius:999px; font-size:12px}
.kicker{font-size:13px; color:var(--muted); letter-spacing:.2em; text-transform:uppercase}

.footer{padding:38px 0; border-top:1px solid #1f1f22; color:var(--muted); text-align:center}