.brand-eyebrow { display: flex; align-items: center; gap: 8px; }
.brand-wordmark { display: block; width: 132px; max-width: 100%; height: auto; }
.brand-wordmark--light { display: none; }
:root[data-controller-theme="light"] .brand-wordmark--dark { display: none; }
:root[data-controller-theme="light"] .brand-wordmark--light { display: block; }
/* Studio's title sits between Back and +: stack the section name under the wordmark. */
.studio-title .brand-eyebrow { flex-direction: column; align-items: flex-start; gap: 4px; }
.brand-context { display: block; }