.brand-logo {
  display: flex;
  align-items: center;
  gap: 13px;
  line-height: 1;
  overflow: visible;
}

.brand-logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 74px;
  object-fit: contain;
}

.site-header {
  min-height: 92px;
  overflow: visible;
}

.header-inner {
  min-height: 88px;
  padding-top: 12px;
  padding-bottom: 12px;
  overflow: visible;
}

.brand-logo em {
  grid-column: auto;
  margin: 0;
  padding-left: 13px;
  border-left: 1px solid var(--border);
  white-space: nowrap;
}

.login-logo {
  width: 190px;
  padding: 8px 12px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
}

.login-logo img {
  display: block;
  width: 100%;
  height: 82px;
  object-fit: cover;
  object-position: center bottom;
}

@media (max-width: 720px) {
  .brand-logo img {
    width: auto;
    height: auto;
    max-width: 124px;
    max-height: 62px;
  }

  .brand-logo em {
    display: none;
  }
}