.brand-logo {
  width: 54px;
  height: 54px;
  object-fit: contain;
}

.hero-logo {
  display: block;
  width: min(230px, 100%);
  max-height: 260px;
  object-fit: contain;
  margin: -95px auto 22px;
  filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .4));
}

@media (max-width: 850px) {
  .brand-logo { width: 46px; height: 46px; }
  .hero-logo { margin: -50px auto 20px; }
}