.navwrap { gap: 1rem; }
.brand img { width: 220px; }
nav { flex-wrap: nowrap; gap: .5rem; }
nav a { font-size: .78rem; padding: .35rem; white-space: nowrap; }

@media (max-width: 1100px) {
  .navwrap { align-items: flex-start; flex-wrap: wrap; }
  .menu { display: block; margin-left: auto; padding: .6rem; background: white; border: 2px solid var(--ink); }
  nav { display: none; width: 100%; flex-direction: column; }
  nav.open { display: flex; }
}