/* AiCreatorOS V9 · horizontal mark and wordmark. */
:root { --m1: #F05A37; --m2: #8D8B86; --m3: #1D1D1B; --mark-word: #1D1D1B; }
[data-theme="dark"] { --m1: #F05A37; --m2: #8D8B86; --m3: #F4F1E9; --mark-word: #F4F1E9; }

.brand { display: inline-flex; align-items: center; gap: 12px; color: var(--mark-word); line-height: 1; white-space: nowrap; }
.brand:hover { color: var(--mark-word); }
.brand__mark { width: 40px; height: 16px; flex: none; display: block; }
.brand__name { font: 700 26px/1 var(--sans); letter-spacing: -.05em; white-space: nowrap; }
.brand__name em { margin-left: .07em; color: #F05A37; font: italic 700 1.12em/1 var(--serif); letter-spacing: -.01em; }
.brand--mono, .brand--mono .brand__name em { color: currentColor; }
.brand--stack { flex-direction: column; gap: var(--space-8); text-align: center; }
.brand--mark-only .brand__name { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.brand--sm { gap: 10px; }
.brand--sm .brand__mark { width: 32px; height: 13px; }
.brand--sm .brand__name { font-size: 21px; }
.brand--lg .brand__mark { width: 72px; height: 29px; }
.brand--lg .brand__name { font-size: 46px; }
.site-footer .brand { --m3: #F4F1E9; --mark-word: #F4F1E9; }