@media(max-width:820px){
  .nav{height:auto;min-height:72px;flex-wrap:wrap;padding:10px 0}
  .nav-links{gap:16px}
  .nav-links a:not(.button){display:block}
}
@media(max-width:680px){
  .nav{gap:8px}
  .brand img{width:154px}
  .nav-links{order:3;width:100%;justify-content:flex-start;gap:18px;overflow-x:auto;padding:3px 1px 7px;scrollbar-width:none}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{flex:0 0 auto;white-space:nowrap;font-size:.82rem}
  .nav-links .button{padding:8px 12px}
}