.brand-lockup {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 12px;
  padding-right: 0;
  color: var(--ink);
  font-size: 22px;
  font-weight: 720;
  letter-spacing: -.05em;
  line-height: .95;
}

.brand-mascot {
  display: block;
  flex: 0 0 48px;
  width: 48px;
  height: 60px;
  background: url("assets/passaro-fogo.png") -12px -9px / 76px 76px no-repeat;
}

.brand-name { display: block; }

@media (max-width: 640px) {
  .brand-lockup { gap: 9px; font-size: 19px; }
  .brand-mascot {
    flex-basis: 41px;
    width: 41px;
    height: 50px;
    background-size: 64px 64px;
    background-position: -10px -7px;
  }
}