/* Shared site navigation. Loaded by every page after its own styles; rendered by nav.js. */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.navin{max-width:1320px;margin:0 auto;padding:18px 56px;display:flex;align-items:center;gap:8px}
.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.wlogo{height:26px;width:auto;display:block}
.wordmark b{font-family:'Instrument Serif',serif;font-weight:400;font-size:21px;letter-spacing:0}
.nav .spacer{flex:1}
.navlinks{display:flex;gap:34px;align-items:center}
.navlink{text-decoration:none;font-family:'Afacad',sans-serif;font-size:15px;font-weight:500;color:#a8a8a8;transition:color .15s;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:7px;line-height:1.2}
.navlink:hover,.navlink.on{color:#fff}
.navlink svg{width:9px;height:9px;transition:transform .2s ease;flex-shrink:0}
.navdrop{position:relative}
.navdrop:hover .navlink svg,.navdrop.open .navlink svg{transform:rotate(180deg)}
.navmenu{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);min-width:236px;background:#0d0d0d;border:1px solid rgba(255,255,255,.14);padding:8px;display:none;z-index:60;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.navmenu::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.navdrop:hover .navmenu,.navdrop:focus-within .navmenu,.navdrop.open .navmenu{display:block}
.navmenu a{display:flex;align-items:baseline;gap:14px;padding:11px 14px;text-decoration:none;color:#a8a8a8;font-family:'Afacad',sans-serif;font-size:15px;font-weight:500;border-radius:3px;transition:background .15s,color .15s;white-space:nowrap}
.navmenu a:hover,.navmenu a.on{background:rgba(255,255,255,.06);color:#fff}
.navmenu a span{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;color:#6b6b6b}
.nav .btn{text-decoration:none;display:inline-block;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:500;background:#fff;color:#0a0a0a;border-radius:3px;padding:10px 18px;transition:background .15s}
.nav .btn:hover{background:#d9d9d9}
@media(max-width:960px){
  .navin{padding-left:24px;padding-right:24px}
  .navlinks{display:none}
}