.brand-logo img { display: block; width: 168px; height: auto; max-width: 100%; object-fit: contain; }
.topbar .brand-logo { gap: 4px; flex: none; min-width: 0; }
.topbar .brand-logo small { align-self: flex-end; margin-bottom: 9px; }
.brand-footer img { width: 210px; }
.admin-login .brand-logo { display: inline-flex; margin-bottom: 14px; }
.admin-login .brand-logo img { width: 192px; }
.admin-mobile-header .brand img, .admin-nav .brand img { display: block; object-fit: contain; flex: none; }
@media (max-width: 767px) {
  .topbar .brand-logo img { width: 132px; }
  .topbar .brand-logo small { display: none; }
  .brand-footer img { width: min(210px, 70vw); }
}