/* Shared Inkmeo logo treatment for the live experience and CMS. */
.brand-logo {
  display: block;
  width: min(90px, 26vw);
  height: auto;
  max-height: 90px;
  object-fit: contain;
}

.ar-app .brand-logo {
  width: min(76px, 24vw);
}

.cms-shell .brand-logo {
  width: min(90px, 26vw);
  max-height: 90px;
}

@media (max-width: 700px) {
  .ar-app .brand-logo {
    width: min(70px, 22vw);
  }
}