/* Shared navigation branding for the approved TRIGRAM Motion mark. */
.topbar .brand { flex-shrink: 0; }
.topbar .brand img { width: 78px; height: 78px; object-fit: contain; display: block; }
.topbar .brand span { display: inline; }
.topbar .bar-inner { min-height: 88px; }
@media (max-width: 980px) {
  .topbar .main-nav.active { top: 100%; }
}
@media (max-width: 540px) {
  .topbar .detail-nav { flex-wrap: wrap; justify-content: flex-end; gap: 4px 12px; font-size: .85rem; }
}