.brand { display: flex; align-items: center; gap: 0.75rem; }
.brand img { object-fit: contain; }
.desktop-navigation, .mobile-header, .login-brand { padding: 1rem; }
.mobile-header { display: none; }
main { padding: 1rem; max-width: 72rem; margin: auto; }
button { min-height: 44px; }
@media (max-width: 767px) {
  .desktop-navigation { display: none; }
  .mobile-header { display: block; }
  .brand span { overflow-wrap: anywhere; }
}