/* menu overlay (uses existing noir style) */
.site-menu[hidden]{ display:none !important; }
.site-menu{ position:fixed; inset:0; z-index:999; }
.site-menu .menu-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.55); backdrop-filter: blur(2px); opacity:0; transition:opacity .18s ease; }
.site-menu.open .menu-backdrop{ opacity:1; }
.site-menu .menu-panel{
  position:absolute; top:70px; left:16px; width:min(360px, calc(100% - 32px));
  background: rgba(10,10,10,.78);
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 20px 60px rgba(0,0,0,.55);
  border-radius:18px;
  padding:16px;
  transform: translateY(-6px);
  opacity:0;
  transition: transform .18s ease, opacity .18s ease;
}
.site-menu.open .menu-panel{ transform: translateY(0); opacity:1; }
.menu-title{ font-family: Oswald, system-ui; letter-spacing:.12em; font-weight:700; font-size:14px; opacity:.85; margin:0 0 10px; }
.menu-links{ display:grid; gap:10px; }
.menu-links a{ display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.25); color:#fff; text-decoration:none; }
.menu-links a:hover{ border-color: rgba(246,194,0,.45); }
.menu-links a small{ opacity:.65; }