/* CV Spirits — Shared Base Styles */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --gold: #C9A84C; --gold-light: #E8C96A; --dark: #0D0D0D;
  --dark2: #161616; --dark3: #1E1E1E; --cream: #F5EDD8;
  --cream2: #EDE0C4; --text: #D4C9B0; --text-dim: #8A7F6A;
  --red-wine: #6B1A2A; --amber: #B5692A;
}
html { scroll-behavior: smooth; }
body { font-family: 'Jost', sans-serif; background: var(--dark); color: var(--text); min-height: 100vh; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; transition: color 0.2s; }

/* NAV — same across all pages */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  background: rgba(13,13,13,0.95); backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(201,168,76,0.2);
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 40px; height: 70px;
}
.nav-logo { font-family: 'Playfair Display', serif; font-size: 1.6rem; color: var(--gold); text-decoration: none; letter-spacing: 1px; }
.nav-logo span { font-style: italic; color: var(--cream); }
.nav-links { display: flex; gap: 32px; list-style: none; }
.nav-links a { color: var(--text); text-decoration: none; font-size: 0.85rem; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 500; transition: color 0.2s; }
.nav-links a:hover, .nav-links a.active { color: var(--gold); }
.nav-order-btn { background: var(--gold); color: var(--dark); padding: 9px 22px; border-radius: 2px; font-size: 0.8rem; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 500; text-decoration: none; }
.nav-order-btn:hover { background: var(--gold-light); }
.hamburger { display: none; background: none; border: none; cursor: pointer; padding: 4px; }
.hamburger span { display: block; width: 24px; height: 2px; background: var(--gold); margin: 5px 0; transition: 0.3s; }

@media (max-width: 900px) {
  nav { padding: 0 24px; }
  .nav-links, .nav-order-btn { display: none; }
  .hamburger { display: block; }
  .nav-links.open {
    display: flex; flex-direction: column; position: fixed;
    top: 70px; left: 0; right: 0; background: var(--dark2);
    padding: 24px; gap: 20px; border-bottom: 1px solid rgba(201,168,76,0.2);
  }
}