.brand-lockup {
  display: block;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 18px 38px rgba(1, 5, 12, 0.34));
}

.brand-lockup--home {
  width: min(23rem, 78vw);
  margin: 0 auto;
}

.brand-lockup--login {
  width: min(10rem, 38vw);
}

.brand-lockup--dashboard {
  width: 5.6rem;
  max-height: 3.5rem;
}

.brand-lockup--offline {
  width: min(13rem, 58vw);
  margin: 0 auto 1.75rem;
  opacity: 0.82;
}

@media (max-width: 480px) {
  .brand-lockup--home { width: min(19rem, 82vw); }
  .brand-lockup--login { width: min(8.5rem, 42vw); }
  .brand-lockup--dashboard { width: 4.8rem; }
}