/* Full supplied wordmark in the public site's top navigation. */
.header .logo {
  gap: 0;
  max-width: calc(100% - 56px);
}
.header .logo img.nav-brand-logo {
  display: block;
  width: 280px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
@media (max-width: 1024px) {
  /* Keep the opened drawer above the fixed header. */
  body > .mobile-nav-overlay { z-index: 2000; }
  body > .mobile-nav-drawer { z-index: 2100; }
  .header .nav { display: none !important; }
  .header .mobile-menu-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .header .logo img.nav-brand-logo { width: 240px; }
}