.brand-image { display: inline-flex; align-items: center; text-decoration: none; flex: 0 0 auto; }
.site-logo { display: block; width: clamp(150px, 18vw, 220px); height: 58px; object-fit: contain; object-position: left center; }
.footer-logo { width: min(310px, 100%); height: auto; max-height: 130px; object-fit: contain; object-position: left center; }
.admin-logo { display: block; width: min(210px, 100%); height: auto; max-height: 94px; object-fit: contain; object-position: left center; }
.login-card .admin-logo { width: min(250px, 100%); margin: 0 auto; }
@media (max-width: 800px) {
  .site-logo { width: 145px; height: 50px; }
  .footer-logo { width: 240px; }
}