/* ──────────────────────────────────────────────────────────────────────────
   workin. — shared header nav styles (desktop links + mobile liquid-glass drawer)
   Pairs with nav.js. Colour tokens (--amber/--muted) come from each page's :root.
   ────────────────────────────────────────────────────────────────────────── */
.nav-links{display:flex;align-items:center;gap:18px}
.nav-links a{color:var(--muted,rgba(255,255,255,0.62));text-decoration:none;font-size:14px;white-space:nowrap;transition:color .15s ease}
.nav-links a:hover,.nav-links a.active{color:#fff}

/* hamburger */
.nav-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}
.nav-toggle span{display:block;width:21px;height:2px;background:#fff;border-radius:2px;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* liquid-glass drawer */
.nav-drawer{position:fixed;inset:0;z-index:40;background:rgba(5,5,9,0.5);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.nav-drawer.open{opacity:1;visibility:visible}
.nav-drawer-panel{position:absolute;top:calc(76px + env(safe-area-inset-top,0px));left:12px;right:12px;
  background:rgba(15,15,21,0.62);border:1px solid rgba(255,255,255,0.14);border-radius:18px;
  -webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);
  padding:10px;display:flex;flex-direction:column;gap:2px;box-shadow:0 26px 64px rgba(0,0,0,0.55);
  transform:translateY(-14px) scale(0.98);opacity:0;
  transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .28s ease}
.nav-drawer.open .nav-drawer-panel{transform:none;opacity:1}
.nav-drawer-link{display:block;font-size:16px;font-weight:600;color:#fff;text-decoration:none;
  padding:14px 16px;border-radius:12px;opacity:0;transform:translateY(8px);
  transition:opacity .3s ease,transform .3s ease,background .15s ease,color .15s ease}
.nav-drawer.open .nav-drawer-link{opacity:1;transform:none}
.nav-drawer-link:hover{background:rgba(255,255,255,0.06)}
.nav-drawer-link.active{color:var(--amber,#F59E0B)}
.nav-drawer-link.cta{background:var(--amber,#F59E0B);color:#0A0A0F;margin-top:8px;text-align:center}
.nav-drawer-link.cta:hover{filter:brightness(1.05);background:var(--amber,#F59E0B)}

@media(max-width:760px){ .nav-links{display:none} .nav-toggle{display:flex} }
@media(min-width:761px){ .nav-drawer{display:none} }
@media (prefers-reduced-motion:reduce){
  .nav-drawer,.nav-drawer-panel,.nav-drawer-link,.nav-toggle span{transition:none}
}