/* Notik identity: one outlined wordmark across all surfaces. */
.brandAsset { display: block; width: auto; height: 40px; max-width: none; }
.brand, .brand-notik { flex-shrink: 0; line-height: 1; }
.brandI::before, .brand-notik__i::after { content: none; }
.topbarBrandName .brandAsset { height: 28px; }
.demoHeader .brandAsset { height: 28px; }
.footer .brandAsset, footer .brandAsset { height: 32px; }
.loginLogo, body[data-view="login"] .loginLogo { width: 154px; height: auto; margin: 0 auto 18px; }
body.dark .brandAsset, body.dark .loginLogo { content: url("./icons/logo-white.svg?v=4"); }
@media (max-width: 600px) {
  .brandAsset { height: 32px; }
  .topbarBrandName .brandAsset, .demoHeader .brandAsset { height: 26px; }
  .footer .brandAsset, footer .brandAsset { height: 28px; }
}

.logo:has(.brandAsset) { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; }
.brandSection { color: #5b6b64; font: 600 20px/1 system-ui, sans-serif; letter-spacing: -.02em; }
/* Older public pages wrap the navigation in a container. */
.nav > .navContent { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 88px; }
@media (max-width: 600px) { .nav > .navContent { min-height: 72px; gap: 16px; } }