.mobile-menu{display:none}
@media(max-width:680px){
  .mobile-menu{display:flex;width:36px;height:36px;flex-direction:column;justify-content:center;gap:6px;padding:0;border:0;background:var(--ink)}
  .mobile-menu i{display:block;width:16px;height:2px;background:var(--lime);margin:0 auto;transition:transform .2s}
  .mobile-menu[aria-expanded="true"] i:first-child{transform:translateY(4px) rotate(45deg)}
  .mobile-menu[aria-expanded="true"] i:last-child{transform:translateY(-4px) rotate(-45deg)}
  .nav{display:flex!important;position:fixed;z-index:9;top:67px;left:0;right:0;padding:18px 22px 24px;gap:0;flex-direction:column;background:rgba(16,16,24,.98);color:var(--cream);transform:translateY(-125%);transition:transform .25s;box-shadow:0 12px 30px rgba(0,0,0,.25)}
  .nav.open{transform:translateY(0)}
  .nav a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14);font:700 16px var(--display);letter-spacing:-.06em}
  .nav a.active:after{display:none}
}