/* ══════════════════════════════════════
   NAV — clean rewrite
   ══════════════════════════════════════ */

nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 200;
  background: rgba(8,8,8,.95);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  max-width: 100vw;
  overflow: hidden;
}
nav::after { display: none; }

/* Top bar — always visible */
.nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 52px;
  height: 64px;
}
.nav-logo {
  font-size: .7rem; font-weight: 500;
  letter-spacing: .3em; text-transform: uppercase;
  color: var(--fg); text-decoration: none;
  flex-shrink: 0;
}

/* Desktop links — centered */
.nav-links-desktop {
  display: flex; gap: 32px;
  position: absolute; left: 50%; transform: translateX(-50%);
}
.nav-links-desktop a {
  font-size: .63rem; font-weight: 400;
  letter-spacing: .13em; text-transform: uppercase;
  color: var(--muted); text-decoration: none;
  transition: color .25s; white-space: nowrap;
}
.nav-links-desktop a:hover,
.nav-links-desktop a.active { color: var(--fg); }

/* Right side */
.nav-right {
  display: flex; align-items: center; gap: 12px;
  flex-shrink: 0;
}
.lang-btn {
  background: none; border: none; cursor: pointer;
  font-size: .58rem; font-weight: 400;
  letter-spacing: .15em; text-transform: uppercase;
  color: var(--muted); padding: 4px 6px;
  transition: color .25s; font-family: inherit;
}
.lang-btn.active, .lang-btn:hover { color: var(--fg); }

/* Burger — hidden on desktop */
.nav-burger {
  display: none;
  flex-direction: column; justify-content: center; gap: 5px;
  width: 28px; height: 28px;
  background: none; border: none; padding: 0; cursor: pointer;
}
.nav-burger span {
  display: block; width: 100%; height: 1px;
  background: rgba(240,236,227,.65);
  transition: transform .3s, opacity .3s;
  transform-origin: center;
}
.nav-burger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.nav-burger.open span:nth-child(2) { opacity: 0; }
.nav-burger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* Drawer — hidden on desktop */
.nav-drawer {
  display: none;
  flex-direction: column;
  border-top: 1px solid rgba(240,236,227,.06);
  max-height: 0; overflow: hidden;
  transition: max-height .35s cubic-bezier(.22,1,.36,1);
}
.nav-drawer.open { max-height: 320px; }
.nav-drawer a {
  display: block; padding: 15px 20px;
  font-size: .7rem; font-weight: 400;
  letter-spacing: .15em; text-transform: uppercase;
  color: rgba(240,236,227,.5); text-decoration: none;
  border-bottom: 1px solid rgba(240,236,227,.05);
  transition: color .2s, background .2s;
}
.nav-drawer a:hover,
.nav-drawer a.active { color: var(--fg); background: rgba(240,236,227,.03); }

/* Hero accounts for fixed nav */
.hero { padding-top: 64px; }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .nav-inner { padding: 0 32px; }
}

/* ── MOBILE ── */
@media (max-width: 768px) {
  .nav-inner { padding: 0 20px; height: 56px; }
  .nav-links-desktop { display: none; }
  .nav-burger { display: flex; }
  .nav-drawer { display: flex; }
  .hero { padding-top: 56px; }
  .lang-btn { font-size: .55rem; padding: 3px 5px; }
}