/* ═══════════════════════════════════════════
   NAV
═══════════════════════════════════════════ */
nav {
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding:20px 72px;
  display:flex; align-items:center; justify-content:space-between;
  border-bottom:1px solid transparent;
  transition:border-color .3s,background .3s,backdrop-filter .3s;
}
nav.scrolled {
  border-bottom-color:var(--border);
  background:rgba(12,12,10,.85);
  backdrop-filter:blur(16px);
}
.nav-logo {
  font-family:'Bebas Neue',sans-serif;
  font-size:22px; letter-spacing:3px; color:var(--text);
  text-decoration:none;
}
.nav-logo span { color:var(--amber); }
.nav-links { display:flex; gap:32px; align-items:center; }
.nav-links a {
  font-family:'DM Mono',monospace; font-size:11px; letter-spacing:2px;
  color:var(--muted); text-decoration:none; text-transform:uppercase;
  transition:color .2s; position:relative;
}
.nav-links a::after {
  content:''; position:absolute; bottom:-3px; left:0;
  width:0; height:1px; background:var(--amber);
  transition:width .25s ease;
}
.nav-links a:hover { color:var(--text); }
.nav-links a:hover::after { width:100%; }
.nav-links a.active { color:var(--amber); }
.nav-links a.active::after { width:100%; }
.nav-cta {
  font-family:'DM Mono',monospace; font-size:11px; letter-spacing:2px;
  color:var(--text); background:var(--amber); border:none; padding:10px 22px;
  cursor:none; text-transform:uppercase;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
  transition:background .2s,transform .15s;
}
.nav-cta:hover { background:var(--amber-lt); transform:translateY(-1px); }

/* ─── HAMBURGER (mobile) ─── */
.hamburger {
  display:none; flex-direction:column; gap:5px; cursor:none;
  padding:4px; background:none; border:none;
}
.hamburger span {
  display:block; width:22px; height:1.5px; background:var(--text);
  transition:transform .3s, opacity .3s, width .3s;
  transform-origin:center;
}
.hamburger.open span:nth-child(1){ transform:translateY(6.5px) rotate(45deg); }
.hamburger.open span:nth-child(2){ opacity:0; width:0; }
.hamburger.open span:nth-child(3){ transform:translateY(-6.5px) rotate(-45deg); }

/* mobile menu drawer */
.mobile-menu {
  position:fixed; top:0; left:0; right:0; bottom:0; z-index:99;
  background:var(--bg2);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:32px;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .35s ease, visibility .35s ease;
}
.mobile-menu.open { opacity:1; visibility:visible; pointer-events:all; }
.mobile-menu a {
  font-family:'Bebas Neue',sans-serif; font-size:48px; letter-spacing:4px;
  color:var(--muted); text-decoration:none; line-height:1;
  transition:color .2s, transform .2s;
}
.mobile-menu a:hover { color:var(--amber); transform:translateX(8px); }
.mobile-menu .mm-cta {
  font-family:'DM Mono',monospace; font-size:12px; letter-spacing:3px;
  text-transform:uppercase; color:var(--bg); background:var(--amber);
  padding:12px 32px; border:none; cursor:none; margin-top:16px;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
}