nav .brand { display: flex; align-items: center; flex: 0 1 auto; min-width: 0; letter-spacing: normal; }
nav .brand img { width: clamp(280px, 34vw, 420px); height: auto; display: block; }
footer .brand img { display: block; width: min(400px, 85vw); height: auto; }
@media (max-width: 720px) {
  nav { gap: 10px; padding: 12px 4%; }
  nav .brand img { width: clamp(220px, 58vw, 330px); }
  nav .links .btn { padding: 10px 12px; font-size: 11px; white-space: nowrap; }
}

@media (max-width: 390px) { nav { flex-wrap: wrap; justify-content: center; } nav .brand img { width: min(290px, 88vw); } }