.brand-lockup {
  display: grid;
  grid-template-columns: 42px auto;
  grid-template-rows: 24px 14px;
  column-gap: 10px;
  align-items: center;
  white-space: nowrap;
}

.brand-lockup img {
  grid-row: 1 / 3;
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.brand-lockup .brand {
  line-height: 1;
}

.lanset-ribbon {
  align-self: start;
  width: max-content;
  background: var(--yellow);
  color: #080a0e;
  font-size: .52rem;
  font-weight: 900;
  line-height: 1;
  padding: 3px 7px;
  text-transform: uppercase;
  letter-spacing: .08em;
  clip-path: polygon(0 0, 100% 0, 94% 50%, 100% 100%, 0 100%);
}

.footer-brand {
  justify-self: start;
}

footer > div {
  flex-wrap: wrap;
}

@media (max-width: 560px) {
  .brand-lockup {
    grid-template-columns: 36px auto;
  }

  .brand-lockup img {
    width: 36px;
    height: 36px;
  }

  .lanset-ribbon {
    font-size: .48rem;
  }
}