.global-nav{display:flex;align-items:center;gap:.7rem}
.nav-menu{position:relative}
.nav-menu summary{display:flex;align-items:center;gap:.55rem;min-height:44px;padding:.7rem .9rem;border:2px solid rgba(255,240,210,.72);background:#12111a;color:#fff;list-style:none;cursor:pointer;font:500 .7rem "DM Mono",ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;user-select:none}
.nav-menu summary::-webkit-details-marker{display:none}
.nav-menu summary::after{content:"+";color:#99ee36;font-size:1rem;line-height:1}
.nav-menu[open] summary{background:#ff5b35;color:#12111a;border-color:#ff5b35}
.nav-menu[open] summary::after{content:"–";color:#12111a}
.nav-menu-panel{position:absolute;z-index:80;top:calc(100% + .7rem);right:0;width:min(330px,calc(100vw - 2rem));padding:.55rem;background:#fff0d2;color:#12111a;border:4px solid #12111a;box-shadow:8px 8px 0 #bd58e6}
.nav-menu-panel a{display:flex;justify-content:space-between;gap:1rem;padding:.72rem .8rem;border-bottom:1px solid rgba(18,17,26,.2);font:700 .72rem/1.3 "Manrope",system-ui,sans-serif;letter-spacing:0;text-decoration:none;text-transform:none}
.nav-menu-panel a:last-child{border-bottom:0}
.nav-menu-panel a:hover,.nav-menu-panel a:focus-visible{background:#99ee36;color:#12111a}
.nav-menu-panel a span{color:#7d3a2b;font:500 .58rem "DM Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}
.nav-menu-panel .nav-menu-all{background:#12111a;color:#fff}
.nav-menu-panel .nav-menu-all span{color:#ffd84b}
.nav-origin{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem .9rem;border:2px solid rgba(255,240,210,.72);color:#fff;font:500 .7rem "DM Mono",ui-monospace,monospace;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}
.nav-origin:hover,.nav-origin:focus-visible,.nav-origin.is-current{background:#fff0d2;border-color:#fff0d2;color:#12111a}
@media(max-width:760px){
  .global-nav{gap:.35rem}
  .nav-menu summary{min-height:40px;padding:.58rem .65rem;font-size:.62rem}
  .nav-origin{min-height:40px;padding:.58rem .65rem;font-size:.62rem}
  .nav-menu-panel{position:fixed;top:74px;right:.65rem;width:calc(100vw - 1.3rem);max-height:calc(100vh - 90px);overflow:auto;box-shadow:6px 6px 0 #bd58e6}
}
@media(max-width:410px){
  .nav-menu summary{padding:.55rem .5rem;font-size:.58rem;letter-spacing:.05em}
  .nav-menu summary::after{display:none}
  .nav-origin{padding:.55rem .45rem;font-size:.58rem;letter-spacing:.04em}
}