.brand-lockup {
  gap: 12px;
  padding-bottom: 28px;
}

.brand-mark {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 7px;
  background: var(--spruce-dark);
  color: var(--brand-ink);
  font: 700 20px Inter, sans-serif;
  letter-spacing: 0;
}

.brand-lockup strong {
  color: var(--ink);
  font: 700 16px/1.15 Inter, sans-serif;
  letter-spacing: .1px;
}

.brand-lockup small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font: 600 9px/1 Inter, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media (max-width: 700px) {
  .brand-lockup strong {
    font-size: 15px;
  }
}