/* Shared top nav + mobile menu overlay (used by index + subpages) */
nav.top{display:flex;flex-direction:row;align-items:center;gap:34px;height:34px;padding-bottom:0;position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:15px;font-weight:500;letter-spacing:.04em;color:var(--ink);white-space:nowrap}
.brand .mark{color:var(--accent);font-size:14px}

.nav-links{display:flex;gap:26px;margin-left:14px}
.nav-links a{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);position:relative;padding:2px 0;transition:color .18s ease}
.nav-links a::before{content:"[";opacity:0;margin-right:4px;color:var(--accent);transition:opacity .18s ease}
.nav-links a::after{content:"]";opacity:0;margin-left:4px;color:var(--accent);transition:opacity .18s ease}
.nav-links a:hover{color:var(--ink)}
.nav-links a:hover::before,.nav-links a:hover::after{opacity:1}

.contact-link{margin-left:auto;font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:1px solid var(--rule);padding:7px 14px;border-radius:3px;transition:border-color .2s ease,color .2s ease,background .2s ease;white-space:nowrap}
.contact-link .br{color:var(--accent)}
.contact-link:hover{border-color:var(--accent);color:var(--bg);background:var(--accent)}
.contact-link:hover .br{color:var(--bg)}

.menu-btn{display:none}

/* Mobile fullscreen menu */
.menu-overlay{position:fixed;inset:0;z-index:100;background:#0c0c10;display:none;flex-direction:column;padding:22px 24px 26px}
.menu-overlay.open{display:flex}
.menu-head{display:flex;justify-content:space-between;align-items:center}
.menu-title{font-family:var(--font-mono);font-size:14px;letter-spacing:.2em;color:var(--ink)}
.menu-close{background:none;border:none;color:var(--ink);font-size:30px;line-height:1;cursor:pointer;padding:0 4px}
.menu-list{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px}
.menu-list a{display:flex;align-items:baseline;gap:16px;font-family:var(--font-display);font-size:clamp(40px,13vw,92px);line-height:1.02;text-transform:uppercase;color:var(--ink)}
.menu-list a .idx{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--accent);letter-spacing:.05em;align-self:flex-start;margin-top:8px}
.menu-foot{display:flex;justify-content:space-between;align-items:center}
.menu-logo{font-family:var(--font-mono);color:var(--accent);font-size:18px}
.menu-cta{font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:var(--bg);padding:12px 20px;border-radius:3px;font-weight:500}

@media (max-width:760px){
  .nav-links,.contact-link{display:none}
  .menu-btn{display:block;margin-left:auto;background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:13px;letter-spacing:.2em;color:var(--ink);text-transform:uppercase;padding:4px}
}