.regbar.motto-bar { background: var(--color-inverse-bg); color: var(--color-on-inverse-body); }
.regbar.motto-bar .container { display: flex; align-items: center; justify-content: center; gap: var(--space-4); padding-block: 12px; }
.regbar.motto-bar .container::before, .regbar.motto-bar .container::after { content: ""; flex: 1; height: 1px; background: var(--color-on-inverse-muted); opacity: .6; }
.regbar.motto-bar span { flex: none; font-size: var(--text-caption); letter-spacing: .28em; text-transform: uppercase; }
.regbar.motto-bar strong { font-weight: 400; color: var(--color-on-inverse-body); }
@media (max-width: 600px) { .regbar.motto-bar span { letter-spacing: .18em; } .regbar.motto-bar .container { gap: var(--space-2); } }