@media (max-width:720px) {
  .menu-toggle { z-index:2; }
  .mobile-nav { position:absolute; top:71px; right:0; left:0; display:grid; gap:1px; padding:18px 20px 22px; background:#061e35; transform:translateY(-125%); opacity:0; pointer-events:none; transition:transform .28s ease, opacity .28s ease; border-bottom:1px solid rgba(255,255,255,.17); }
  .mobile-nav a { padding:.72rem 0; font:600 15px var(--display); letter-spacing:-.03em; border-bottom:1px solid rgba(255,255,255,.1); }
  .mobile-nav a:last-child { color:var(--lime); border-bottom:0; }
  .header.menu-open .mobile-nav { transform:none; opacity:1; pointer-events:auto; }
  .header.menu-open .menu-toggle i:first-child { transform:translateY(3px) rotate(45deg); }
  .header.menu-open .menu-toggle i:last-child { transform:translateY(-3px) rotate(-45deg); }
}