.brand-mark {
  width: 48px;
  height: 50px;
  object-fit: cover;
  border-radius: 2px;
  flex: 0 0 auto;
}

.portrait {
  overflow: hidden;
  background: #d9d1c6;
}

.portrait img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 32%;
  filter: saturate(.82) contrast(.98);
}

@media (max-width: 680px) {
  .brand-mark { width: 42px; height: 44px; }
  .portrait img { object-position: center 25%; }
}