.brand.brand--logo {
  display: inline-flex;
  min-width: 0;
  gap: 0;
  line-height: 0;
}

.brand__logo {
  display: block;
  width: clamp(7.25rem, 8vw, 8.75rem);
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.admin-sidebar__brand-row .brand__logo {
  width: min(8rem, calc(100% - .25rem));
}

.admin-auth__intro .brand__logo {
  width: clamp(8.5rem, 12vw, 11rem);
}

.public-header .brand__logo,
.project-header .brand__logo {
  width: clamp(7rem, 8vw, 8.5rem);
}

.public-footer .brand__logo {
  width: 8.5rem;
}

@media (max-width: 40rem) {
  .public-header .brand__logo,
  .project-header .brand__logo {
    width: 7rem;
  }
}