.topbar {
  height: 106px;
}

.brand-lockup {
  display: grid;
  grid-template-columns: 82px 22px 82px;
  align-items: center;
  justify-items: center;
  color: inherit;
  text-decoration: none;
}

.brand-logo {
  width: 82px;
  height: 82px;
  object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(54, 199, 255, 0.24));
}

.brand-logo.company {
  transform: translateX(-16px);
}

.brand-logo.product {
  width: 78px;
  height: 78px;
  filter: drop-shadow(0 0 22px rgba(67, 209, 125, 0.32));
}

.brand-x {
  color: #9aa7c7;
  font-size: 19px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

@media (max-width: 620px) {
  .topbar {
    height: 82px;
  }

  .brand-lockup {
    grid-template-columns: 62px 18px 62px;
  }

  .brand-logo {
    width: 62px;
    height: 62px;
  }

  .brand-logo.product {
    width: 60px;
    height: 60px;
  }
}