/* Use the supplied artwork without cropping or changing its proportions. */
.brand {
  width: 188px;
  height: auto;
  aspect-ratio: 2048 / 682;
  margin: 0 0 18px;
  padding: 0;
  background: transparent;
  border-radius: 0;
  overflow: hidden;
}
.brand img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.breadcrumb {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.header-logo {
  display: block;
  width: 140px;
  height: auto;
  aspect-ratio: 2048 / 682;
  object-fit: contain;
  flex: none;
}
/* Let the original dark pixels merge into each panel without altering the asset. */
.brand img,
.header-logo,
.login-panel > img {
  mix-blend-mode: lighten;
}
.login-panel > img {
  width: 205px;
}
@media (max-width: 1250px) {
  .brand { width: 166px; }
}
@media (max-width: 760px) {
  .brand { width: 188px; }
  .header-logo { width: 98px; }
  .login-panel > img { width: 185px; }
  .breadcrumb span { padding: 0 8px; }
}