/* Site navigation. One file, linked last on every page, so the bar is the same everywhere
   whatever nav rules a page's own stylesheet still carries. */
.nav{position:fixed;top:0;left:0;right:0;z-index:120;display:flex;align-items:center;justify-content:flex-start;
  gap:clamp(1rem,2.6vw,2.2rem);padding:.8rem var(--padx,clamp(1.4rem,7vw,7rem));
  background:rgba(0,0,0,.9);border-bottom:1px solid var(--line,rgba(255,255,255,.08));
  text-shadow:none;pointer-events:auto;}
.nav .brand{display:flex;align-items:center;gap:.6rem;color:var(--text,#eceef1);white-space:nowrap;}
.nav .brand svg{width:28px;height:auto;color:var(--text,#eceef1);flex:0 0 auto;}
.nav .brand b{font-family:var(--disp,'Bebas Neue',sans-serif);font-weight:400;font-size:1.5rem;letter-spacing:.03em;
  text-transform:uppercase;line-height:.9;}
.nav .brand b .hl{color:var(--red,#ff2a33);}

.nav .navlinks{display:flex;align-items:center;gap:clamp(1.1rem,2.6vw,2.3rem);margin-left:auto;}
.nav .navlinks .lnk{display:inline-block;font-family:var(--mono,'JetBrains Mono',monospace);font-size:.76rem;
  letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--lead,#cfd2d6);
  padding:.7rem 0 .55rem;border-bottom:2px solid transparent;
  transition:color .25s var(--ease,cubic-bezier(.2,.7,.2,1)),border-color .25s var(--ease,cubic-bezier(.2,.7,.2,1));}
.nav .navlinks .lnk:hover{color:#fff;border-color:var(--line2,rgba(255,255,255,.14));}
.nav .navlinks .lnk[aria-current="page"]{color:#fff;border-color:var(--text,#eceef1);}

.nav .cta{font-family:var(--mono,'JetBrains Mono',monospace);font-size:.76rem;letter-spacing:.16em;
  text-transform:uppercase;white-space:nowrap;color:#000;background:var(--text,#eceef1);
  border:1px solid var(--text,#eceef1);border-radius:999px;padding:.66rem 1.2rem;text-shadow:none;
  transition:background-color .25s var(--ease,cubic-bezier(.2,.7,.2,1)),border-color .25s var(--ease,cubic-bezier(.2,.7,.2,1));}
.nav .cta:hover{color:#000;background:var(--red,#ff2a33);border-color:var(--red,#ff2a33);transform:none;}
.nav .cta[aria-current="page"]{background:transparent;color:var(--text,#eceef1);}
.nav a:focus-visible{outline:2px solid var(--red,#ff2a33);outline-offset:4px;}

/* phones: the links move to their own row under the name, so nothing is hidden behind a menu */
@media(max-width:760px){
  .nav{flex-wrap:wrap;gap:0 1rem;padding:.6rem 1rem 0;}
  .nav .brand b{font-size:1.32rem;}
  .nav .brand svg{width:24px;}
  .nav .cta{margin-left:auto;font-size:.66rem;padding:.55rem .95rem;}
  .nav .navlinks{order:3;flex:0 0 100%;margin-left:0;justify-content:space-between;gap:.8rem;}
  .nav .navlinks .lnk{font-size:.68rem;letter-spacing:.12em;padding:.8rem 0 .65rem;}
}