/* Component: brand-mark — token-only styles. */
.bd-brand { display: inline-flex; align-items: center; gap: var(--spacing-sm); }
.bd-brand--stacked { flex-direction: column; align-items: center; gap: var(--spacing-sm); text-align: center; }

.bd-brand__mark {
  display: grid;
  place-items: center;
  background: var(--color-primary);
  color: var(--color-on-primary);
  border-radius: var(--rounded-xs);
  font-weight: 600;
  font-family: var(--font-sans);
  letter-spacing: 0.02em;
}
.bd-brand--sm .bd-brand__mark { height: 28px; width: 28px; font-size: 11px; }
.bd-brand--md .bd-brand__mark { height: 32px; width: 32px; font-size: 12px; }
.bd-brand--lg .bd-brand__mark { height: 40px; width: 40px; font-size: 14px; }

.bd-brand__lockup { display: inline-flex; flex-direction: column; line-height: 1.15; }
.bd-brand__name { font-size: 14px; font-weight: 600; color: var(--color-on-neutral); }
.bd-brand__tagline { font-size: 12px; color: var(--color-on-neutral-muted); margin-top: 2px; }
.bd-brand--lg .bd-brand__name { font-size: 18px; }