/* Crop the horizontal source image to its colored V mark. */
.brand {
  gap: 10px;
  font-size: 21px;
}

.brand-mark {
  display: block;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  overflow: hidden;
}

.brand-mark img,
.brand .brand-mark img {
  display: block;
  width: auto;
  height: 30px;
  max-width: none;
}

@media (max-width: 620px) {
  .brand-mark {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }

  .brand-mark img,
  .brand .brand-mark img {
    width: auto;
    height: 30px;
  }
}