.navbar--logo .block,
.navbar--logo > div,
.navbar--modal-logo .block,
.navbar--modal-logo > div {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-width: 0;
}

.navbar--logo > a,
.navbar--logo .block > a,
.navbar--logo > div > a,
.navbar--modal-logo > a,
.navbar--modal-logo .block > a,
.navbar--modal-logo > div > a,
.site-footer .block > a {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-width: 0;
}

.navbar--logo .branding,
.navbar--modal-logo .branding {
  flex: 0 0 auto;
  width: 2.5rem !important;
  height: 2.5rem !important;
  overflow: hidden;
}

.site-footer .branding {
  flex: 0 0 auto;
  width: 2.2rem !important;
  height: 2.2rem !important;
  overflow: hidden;
}

.navbar--logo img,
.navbar--modal-logo img,
.site-footer .branding img {
  display: block;
  object-fit: contain;
  transform: scale(1.22);
  transform-origin: center;
}

.navbar--logo img[src$=".svg"],
.navbar--modal-logo img[src$=".svg"],
.site-footer .branding img[src$=".svg"] {
  transform: none;
}

.navbar--logo a,
.navbar--modal-logo a {
  font-weight: var(--font-bold);
  text-decoration: none;
}

.navbar--logo .heading-responsive-4xl,
.navbar--modal-logo .heading-responsive-4xl {
  max-width: 8rem;
  overflow-wrap: normal;
  font-size: 1rem;
  line-height: 1.05;
}

.site-footer .heading-responsive-4xl {
  font-size: 1rem;
  line-height: 1.1;
}

@media (min-width: 768px) {
  .navbar--logo .branding {
    width: 2.5rem !important;
    height: 2.5rem !important;
  }

  .navbar--logo .heading-responsive-4xl {
    max-width: 11rem;
    font-size: 1.125rem;
  }
}