.platform-brand-logo {
  display: block;
  width: 112px;
  height: auto;
  aspect-ratio: 1060 / 500;
  flex: 0 0 auto;
  object-fit: contain;
}

.brand-block { flex-shrink: 0; }
.sidebar .brand { flex-direction: column; align-items: flex-start; gap: 2px; }
.sidebar .brand small { margin-top: 0; font-size: 12px; font-weight: 500; white-space: nowrap; }

@media (max-width: 650px) {
  .platform-brand-logo { width: 100px; }
}
@media (max-width: 360px) {
  .app-header { padding: 0 10px; gap: 8px; }
  .wordmark { gap: 5px; }
  .wordmark .brand-divider { margin: 0; }
  .wordmark strong { font-size: 11px; }
  .app-header .prototype-badge { padding: 5px; font-size: 8px; }
}
