/* ================================================
   NAVBAR
================================================ */
#nav {
  position:fixed; top:0; left:0; right:0; z-index:900;
  padding:1.4rem 5%;
  display:flex; align-items:center; justify-content:space-between;
  transition:all .5s var(--ease);
}
#nav.solid {
  background:rgba(5,5,7,.92);
  backdrop-filter:blur(28px) saturate(1.8);
  -webkit-backdrop-filter:blur(28px) saturate(1.8);
  padding:.9rem 5%;
  border-bottom:1px solid var(--border);
}
.nav-logo {
  display:flex; align-items:center;
  line-height:1;
}
.nav-logo em { color:var(--gold); font-style:italic; }
.nav-links { display:flex; gap:2.5rem; list-style:none; align-items:center; }
.nav-links a {
  font-size:.78rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color: var(--w70); transition:color .3s;
  position:relative;
}
.nav-links a:not(.ncta)::after {
  content:''; position:absolute; bottom:-4px; left:0;
  width:0; height:1px; background:var(--gold);
  transition:width .35s var(--ease);
}
.nav-links a:not(.ncta):hover { color:var(--white); }
.nav-links a:not(.ncta):hover::after { width:100%; }
.ncta {
  padding:.55rem 1.8rem; border-radius:100px;
  background: var(--gold); color: var(--ink) !important;
  font-weight:700 !important;
  transition:all .3s var(--ease) !important;
  box-shadow:0 0 0 0 var(--gglow);
}
.ncta:hover { background:var(--gold2) !important; transform:translateY(-2px); box-shadow:0 8px 32px var(--gglow) !important; }
.ncta::after { display:none !important; }

/* Hamburger */
#ham { display:none; flex-direction:column; gap:5px; background:none; border:none; padding:6px; z-index:1000; }
#ham span { display:block; width:22px; height:1.5px; background:var(--white); border-radius:2px; transition:all .35s var(--ease); }
#ham.open span:nth-child(1) { transform:translateY(6.5px) rotate(45deg); }
#ham.open span:nth-child(2) { opacity:0; transform:scaleX(0); }
#ham.open span:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); }

/* Mobile Menu */
#mob-menu {
  position:fixed; inset:0; z-index:800;
  background:rgba(5,5,7,.97);
  backdrop-filter:blur(40px);
  -webkit-backdrop-filter:blur(40px);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:3rem;
  opacity:0; pointer-events:none;
  transition:opacity .4s var(--ease);
}
#mob-menu.open { opacity:1; pointer-events:all; }
#mob-menu a {
  font-family: var(--serif);
  font-size:clamp(2.4rem, 8vw, 4rem);
  font-weight:600; color:var(--white);
  transition:color .3s; letter-spacing:-.02em;
}
#mob-menu a:hover { color:var(--gold); }