:root {
  --gold: #C9A84C;
  --black: #0F0F0F;
  --cream: #F8F5F0;
  --ivory: #F5F2EA;
  --text: #1A1A1A;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Inter', system_ui, sans-serif; color: var(--text); line-height:1.6; }
h1, h2, .serif { font-family: 'Playfair Display', Georgia, serif; }
.gold { color: var(--gold); }
.dark { background: var(--black); color: #F5F2EA; }
.cream { background: var(--cream); color: var(--text); }
.container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
nav { position: sticky; top:0; z-index:100; background: var(--black); }
.nav-inner { display:flex; align-items:center; justify-content:space-between; padding:20px 24px; }
.logo { display:flex; align-items:center; gap:10px; color:#F5F2EA; text-decoration:none; }
.logo img { height:28px; width:auto; }
.nav-links { display:flex; gap:32px; }
.nav-links a { color:#F5F2EA; text-decoration:none; font-size:14px; font-weight:500; }
.nav-links a:hover { color: var(--gold); }
.hamburger { display:none; background:none; border:none; color:#F5F2EA; font-size:24px; cursor:pointer; }
#hamburger { display:none; }
.nav-mobile { display:none; position:absolute; top:72px; left:0; width:100%; background:var(--black); padding:24px; flex-direction:column; gap:16px; }
.nav-mobile a { color:#F5F2EA; text-decoration:none; font-size:15px; }
@media (max-width:768px) {
  .nav-links { display:none; }
  #hamburger { display:block; }
  .nav-mobile.active { display:flex; }
}