.brand-wordmark {
  display: block;
  width: 122px;
  height: 35px;
  flex: 0 0 122px;
  object-fit: contain;
  object-position: center;
}

.platform-header .logo { gap: 10px; }

.platform-header .logo .brand-wordmark {
  width: 122px;
  height: 35px;
  flex-basis: 122px;
}

@media (max-width: 700px) {
  .platform-header .logo .brand-wordmark {
    width: 98px;
    height: 29px;
    flex-basis: 98px;
  }
}

.legal-brand .brand-wordmark {
  width: 104px;
  height: 30px;
  filter: invert(1);
}

.supplier-brand .brand-wordmark {
  width: 116px;
  height: 34px;
  filter: invert(1);
}

.brand .brand-wordmark {
  width: 124px;
  height: 35px;
  margin-bottom: 10px;
  filter: invert(1);
}

.footer-brand .brand-wordmark { filter: invert(1); }