/* Complete official brand marks replace the former favicon placeholders. */
.resident-brand img {
  width: 112px;
  height: 58px;
  flex: 0 0 112px;
  object-fit: contain;
}

.resident-brand-mono {
  justify-content: flex-start;
}

.resident-brand-mono img {
  filter: brightness(0) saturate(100%) invert(23%) sepia(28%) saturate(2636%) hue-rotate(184deg) brightness(89%) contrast(91%);
}

.resident-card-button .resident-brand img {
  width: 132px;
  height: 74px;
  flex-basis: 74px;
}

.resident-brand:not(:has(img)) strong {
  padding-left: 2px;
}

@media (max-width: 640px) {
  .resident-brand img {
    width: 96px;
    height: 52px;
    flex-basis: 96px;
  }
}