.mobile-menu{display:none}
.nav-cta-short{display:none}

@media(max-width:640px){
  body{padding-top:64px}
  header.nav{height:64px}
  .nav-inner{padding:0 16px;gap:8px}
  .nav-brand{gap:7px;font-size:.73rem}
  .nav-brand .mark{width:20px;height:20px}
  .nav-links{display:none}
  .mobile-menu{display:block;position:relative;margin-left:auto;order:2}
  .mobile-menu summary{display:flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:var(--ink);cursor:pointer;font-family:var(--mono);font-size:.69rem;font-weight:600;letter-spacing:.03em;list-style:none;white-space:nowrap}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary:focus-visible{outline:2px solid var(--orange-light);outline-offset:3px}
  .mobile-menu summary::after{content:"+";color:var(--orange-light);font-size:1rem;line-height:1}
  .mobile-menu[open] summary{border-color:var(--orange-light);color:var(--orange-light)}
  .mobile-menu[open] summary::after{content:"−"}
  .mobile-menu-panel{position:fixed;top:72px;right:12px;left:12px;z-index:60;display:grid;gap:7px;padding:14px;border:1px solid rgba(255,121,64,.5);border-radius:11px;background:rgba(9,9,15,.98);box-shadow:0 18px 40px rgba(0,0,0,.45)}
  .mobile-menu-label{margin:0 0 2px;color:var(--dim);font-family:var(--mono);font-size:.65rem;letter-spacing:.09em;text-transform:uppercase}
  .mobile-menu-panel a{padding:10px 11px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:.88rem;font-weight:650}
  .mobile-menu-panel a:hover,.mobile-menu-panel a:focus-visible,.mobile-menu-panel a.active{border-color:var(--orange-light);background:rgba(224,76,40,.1);color:var(--orange-light)}
  .nav-cta{order:3;padding:8px 10px;font-size:.75rem}
  .nav-cta-full{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .nav-cta-short{display:inline}
}

@media(max-width:420px){
  .nav-brand{gap:0;font-size:0}
}