.brand {
  gap: 0;
  flex: 0 0 auto;
}

.brand-logo {
  display: block;
  width: 146px;
  height: 68px;
  object-fit: contain;
  mix-blend-mode: normal;
  filter: drop-shadow(0 0 12px rgba(56, 199, 255, 0.14));
}

.mock-brand {
  height: 34px;
  overflow: hidden;
}

.mock-brand img {
  display: block;
  width: 92px;
  height: 46px;
  margin-top: -6px;
  object-fit: contain;
  mix-blend-mode: normal;
}

.footer-top .brand {
  align-self: start;
  justify-self: start;
}

.footer-top .brand-logo {
  width: 190px;
  height: 92px;
}

.mobile-login {
  display: none;
}

@media (max-width: 680px) {
  .site-header .brand-logo {
    width: 122px;
    height: 58px;
  }

  .footer-top .brand-logo {
    width: 170px;
    height: 82px;
  }

  .site-header.menu-open .desktop-nav .mobile-login {
    display: block;
    color: var(--cyan);
    font-weight: 800;
  }
}