/* Original brand artwork; shared colors and controls live in design-*.css. */
.brand-mark,
.logo-mark {
  display: block;
  flex: none;
  object-fit: contain;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.brand-mark { width: 40px; height: 40px; }
.brand-text { min-width: 0; }
.brand-text strong,
.brand-text span { white-space: nowrap; }
.logo { flex-shrink: 0; }
.logo-mark { width: 42px; height: 42px; }
.logo b,
.logo small { white-space: nowrap; }
.auth-logo {
  display: block;
  width: 164px;
  height: 164px;
  max-width: 100%;
  object-fit: contain;
  margin: -12px auto 14px;
  border-radius: 16px;
}
.auth-brand-caption { margin: 0 0 8px; font-size: 13px; color: var(--text-secondary); }
.mobile-brand { display: none; }
@media (max-width: 900px) {
  .mobile-brand { display: inline-flex; align-items: center; flex: none; margin-right: 8px; }
  .mobile-brand img { display: block; width: 28px; height: 28px; }
}
@media (max-width: 560px) {
  .site-header .logo > span { display: none; }
  .site-header .nav { justify-content: space-between; gap: 12px; }
  .auth-logo { width: 144px; height: 144px; margin-top: -6px; }
}