nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  padding: 1rem 2rem;
  display: flex; justify-content: space-between; align-items: center;
  background: linear-gradient(180deg, rgba(10,8,4,0.95), transparent);
}
nav::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  mask-image: linear-gradient(to right,
    transparent 0%, black 8%, black 22%, transparent 38%,
    transparent 62%, black 78%, black 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right,
    transparent 0%, black 8%, black 22%, transparent 38%,
    transparent 62%, black 78%, black 92%, transparent 100%);
}
.nav-logo {
  font-family: 'Cinzel', serif; font-size: 1rem; color: var(--gold);
  letter-spacing: 0.15em; text-transform: uppercase;
}
.nav-links { display: flex; gap: 2rem; list-style: none; white-space: nowrap; }
.nav-links a {
  font-family: 'Cinzel', serif; font-size: 0.75rem;
  letter-spacing: 0.15em; text-transform: uppercase;
  color: rgba(201,146,42,0.6); text-decoration: none; transition: color 0.3s;
}
.nav-links a:hover { color: var(--gold-light); }

.nav-toggle {
  display: none; background: none; border: none; cursor: pointer;
  padding: 0.5rem; z-index: 110;
}
.nav-toggle span {
  display: block; width: 22px; height: 2px; margin: 5px 0;
  background: var(--gold); transition: all 0.3s ease;
}
.nav-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.nav-toggle.active span:nth-child(2) { opacity: 0; }
.nav-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }