.wordmark {
  display: flex;
  align-items: center;
  gap: 13px;
}

.wordmark__logo {
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  object-fit: contain;
  filter: drop-shadow(0 5px 12px rgba(0, 0, 0, .28));
}

.wordmark__copy {
  display: grid;
  gap: 5px;
}

.footer-brand {
  display: flex !important;
  align-items: center;
  gap: 22px !important;
}

.footer-brand__logo {
  width: 112px;
  height: 112px;
  flex: 0 0 112px;
  object-fit: contain;
  filter: drop-shadow(0 8px 20px rgba(0, 0, 0, .35));
}

.footer-brand > div {
  display: grid;
  gap: 8px;
}

@media (max-width: 700px) {
  .wordmark {
    gap: 8px;
  }

  .wordmark__logo {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  .wordmark__copy strong {
    font-size: 14px;
  }

  .wordmark__copy > span {
    display: none;
  }

  .footer-brand {
    align-items: flex-start;
  }

  .footer-brand__logo {
    width: 88px;
    height: 88px;
    flex-basis: 88px;
  }
}