.official-brand {
  height: 72px;
  gap: 10px;
}

.brand-symbol {
  width: 48px;
  height: 48px;
  object-fit: contain;
  flex: 0 0 auto;
}

.promise-mark {
  border-radius: 12px;
  background: #f4f6f8;
  box-shadow: 0 4px 14px rgba(7, 23, 45, .12);
  mix-blend-mode: multiply;
}

.wordmark {
  display: block;
  line-height: 1;
}

.wordmark strong {
  font-size: 24px;
  letter-spacing: 3px;
  font-weight: 850;
}

.wordmark small {
  margin-top: 6px;
  font-size: 11px;
  letter-spacing: .55px;
  font-weight: 750;
  white-space: nowrap;
}

.footer-symbol {
  width: 42px;
  height: 42px;
}

footer .promise-mark {
  mix-blend-mode: normal;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, .22);
}

@media (max-width: 600px) {
  .brand-symbol {
    width: 40px;
    height: 40px;
  }

  .wordmark strong {
    font-size: 19px;
  }

  .wordmark small {
    display: block;
    font-size: 9px;
    letter-spacing: .2px;
  }
}