.brand {
  display: inline-flex;
  align-items: center;
  flex: none;
  color: var(--ink);
  min-height: 44px;
}

.brand:hover {
  color: var(--ink);
}

.brand-lockup {
  display: block;
  width: 150px;
  height: auto;
  flex: none;
}

@media (max-width: 600px) {
  .brand .brand-lockup {
    width: 138px;
  }
}

@media (max-width: 360px) {
  .brand .brand-lockup {
    width: 126px;
  }
}