/* /assets/nav.css — SINGLE SOURCE for nav (+lang-switch) chrome.
   Extracted from the home. No page may redefine these selectors (build.py --check enforces).
   Footer chrome lives in /fonts/fonts.css (already external). */

nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 56px;height:68px;background:rgba(6,6,6,0.95);border-bottom:0.5px solid var(--border);backdrop-filter:blur(20px);}
.nav-logo{display:flex;align-items:center;gap:12px;}
.nav-logo .nav-brand img,.nav-logo img{width:30px;height:30px;border-radius:50%;border:1px solid var(--gold);object-fit:cover;}
.nav-brand{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--gold);letter-spacing:3px;}
.nav-links{display:flex;gap:40px;align-items:center;}
.nav-links a{color:var(--text-muted);font-size:12px;text-decoration:none;letter-spacing:1.5px;font-family:var(--mono);transition:color 0.2s;}
.nav-links a:hover{color:var(--gold-light);}
.nav-right{display:flex;align-items:center;gap:14px;}
.lang-switch{display:flex;gap:3px;}
.lang-btn{-webkit-appearance:none;appearance:none;display:inline-block;background:transparent;border:0.5px solid var(--border2);color:var(--text-muted);font-family:var(--mono);font-size:10px;letter-spacing:1px;padding:5px 11px;cursor:pointer;transition:all 0.2s;}
.lang-btn:hover,.lang-btn.active{border-color:var(--gold);color:var(--gold);background:var(--gold-dim);}
.nav-cta{background:var(--gold);color:#000;border:none;padding:10px 24px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:2px;cursor:pointer;transition:all 0.25s;text-decoration:none;display:inline-block;}
.nav-cta:hover{background:var(--gold-light);transform:translateY(-1px);}
.nav-dropdown{position:relative;display:flex;align-items:center;align-self:stretch;}
.nav-dropdown-trigger{color:var(--text-muted);font-size:12px;letter-spacing:1.5px;font-family:var(--mono);cursor:pointer;transition:color 0.2s;user-select:none;}
.nav-dropdown-trigger:hover{color:var(--gold-light);}
.nav-dropdown-trigger::after{content:' ▼';font-size:7px;color:var(--gold);vertical-align:middle;}
.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#060606;border:0.5px solid rgba(184,146,42,0.4);padding:8px 0 6px;z-index:99999;box-shadow:0 20px 60px rgba(0,0,0,0.9);}
.nav-dropdown-menu.open{display:block;}
.nav-dropdown-menu::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);}
.nav-dropdown-menu.two-col{display:none;grid-template-columns:1fr 1fr;min-width:520px;}
.nav-dropdown-menu.two-col.open{display:grid;}
.nav-dropdown-col{padding:8px 0;}
.nav-dropdown-col-title{font-family:var(--mono);font-size:8px;letter-spacing:3px;color:var(--gold);padding:8px 20px 6px;opacity:0.6;}
.nav-dropdown-item{display:flex;flex-direction:column;padding:10px 20px;text-decoration:none;transition:background 0.2s;border-bottom:0.5px solid rgba(255,255,255,0.04);}
.nav-dropdown-item:last-child{border-bottom:none;}
.nav-dropdown-item:hover{background:rgba(184,146,42,0.06);}
.ndi-label{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:var(--text-bright);margin-bottom:2px;}
.nav-dropdown-item:hover .ndi-label{color:var(--gold);}
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;z-index:200;}
.ham span{display:block;width:22px;height:1.5px;background:var(--gold);transition:all 0.3s;}
.ham.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.ham.open span:nth-child(2){opacity:0;}
.ham.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
.mob-menu{display:none;position:fixed;top:68px;left:0;right:0;bottom:0;background:rgba(6,6,6,0.98);z-index:150;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:32px 0 40px;backdrop-filter:blur(20px);}
.mob-menu.open{display:flex;}
.mob-menu a{font-family:var(--mono);font-size:12px;letter-spacing:3px;color:var(--text-muted);text-decoration:none;transition:color 0.2s;padding:14px 0;width:100%;text-align:center;}
.mob-menu a:hover,.mob-menu a:active{color:var(--gold);}
.mob-cta{background:var(--gold);color:#000 !important;padding:14px 40px;font-weight:500;}
nav{overflow:visible;}

/* Footer grid — base CSS lives in /fonts/fonts.css; these override it.
   3 columns (the SYSTEMS column was removed — it duplicated the nav). */
.site-footer .footer-grid{grid-template-columns:repeat(3,1fr) !important;}

@media(max-width:768px){
  nav{padding-left:16px;padding-right:16px;gap:12px;}
  .nav-links{display:none;}
  .ham{display:flex;}
  .nav-dropdown{display:none !important;}
  .nav-cta{display:none;}
  .nav-right{gap:12px;}
  nav{padding-left:16px;padding-right:16px;}
  .lang-switch{gap:4px;overflow:visible;}
  .lang-btn{display:block;padding:6px 12px;box-sizing:border-box;}
  .lang-switch{overflow:visible;}
  /* Footer: 2 columns instead of 1, link spacing halved (12px -> 6px). */
  .site-footer .footer-grid{grid-template-columns:repeat(2,1fr) !important;gap:20px !important;}
  .site-footer .footer-col{gap:6px !important;}
}