.site-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:300px;color:var(--heading);font-size:21px;font-weight:750;letter-spacing:-.5px;text-decoration:none}.site-brand .brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-brand[data-has-logo=true]:before{display:none}.brand-visual{display:grid;flex-shrink:0}.brand-visual img{grid-area:1/1;width:auto;height:38px;max-width:180px;object-fit:contain;opacity:0;transition:opacity .12s ease}.brand-visual img[data-loaded=true]{opacity:1}.brand-visual .brand-logo-dark{display:none}:root[data-theme=dark] .site-brand:not([data-brand-theme=light]) .brand-logo-dark,.site-brand[data-brand-theme=dark] .brand-logo-dark{display:block}:root[data-theme=dark] .site-brand:not([data-brand-theme=light]) .brand-logo-light,.site-brand[data-brand-theme=dark] .brand-logo-light{display:none}.site-brand[data-logo-only=true]:has(.brand-logo-light[data-loaded=true]) .brand-name{display:none}:root[data-theme=dark] .site-brand:not([data-brand-theme=light])[data-logo-only=true]:has(.brand-logo-dark[data-loaded=true]) .brand-name,.site-brand[data-brand-theme=dark][data-logo-only=true]:has(.brand-logo-dark[data-loaded=true]) .brand-name{display:none}.site-brand:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:4px}.brand-preview{padding:22px;min-height:88px;display:flex;align-items:center;border:1px solid var(--line);border-radius:12px}.brand-preview[data-preview=light]{background:#f7f9fd;--heading:#23334d}.brand-preview[data-preview=dark]{background:#101722;--heading:#d6e1ef}@media(max-width:760px){.site-brand{max-width:240px;font-size:18px}.brand-visual img{max-width:140px;height:32px}}