.brand-logo {
  display: block;
  object-fit: contain;
}

.login-logo {
  width: min(230px, 100%);
  height: auto;
  margin-bottom: 2px;
}

.header-logo {
  width: 118px;
  height: 40px;
}

.brand {
  gap: 10px;
}

.brand > div {
  display: grid;
  gap: 1px;
}

.brand > div strong {
  font: 800 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .13em;
  color: var(--lime);
}

@media (max-width: 520px) {
  .header-logo {
    width: 104px;
    height: 36px;
  }

  .brand {
    gap: 7px;
  }

  .brand > div span {
    display: none;
  }
}