@layer components{.brand-logo{height:var(--logo-h);max-width:var(--logo-room)}.brand-logo-img{height:var(--logo-h);width:auto;max-width:var(--logo-room);object-fit:contain;object-position:left center;display:block}.brand-logo-mask{background-color:currentColor;-webkit-mask-position:0;mask-position:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logo-on-light{display:none}:root[data-theme=light] .logo-on-light{display:block}:root[data-theme=light] .logo-on-dark,:root[data-theme=light] [data-theme=dark] .logo-on-light{display:none}:root[data-theme=light] [data-theme=dark] .logo-on-dark{display:block}.brand-wordmark{--wm-room:var(--logo-room);gap:calc(var(--logo-h) * .3)}.brand-wordmark-signed{--wm-room:calc(var(--logo-room) - var(--logo-h) * 1.3)}.brand-wordmark-words{font-size:min(calc(var(--logo-h) * .62), calc(var(--wm-room) / var(--wm-span,8)));white-space:nowrap;justify-items:start;gap:.16em;line-height:1;display:grid}.brand-wordmark-words[data-sub]{font-size:min(calc(var(--logo-h) * .5), calc(var(--wm-room) / var(--wm-span,8)));justify-items:center}.brand-wordmark-text{padding-block:.04em}.brand-wordmark-sub{letter-spacing:.42em;text-transform:uppercase;color:color-mix(in oklab, var(--color-foreground) 86%, transparent);align-items:center;gap:.7em;margin-right:-.42em;font-size:.34em;font-weight:500;display:flex}.brand-wordmark-sub:before,.brand-wordmark-sub:after{content:"";background:linear-gradient(90deg,#0000,currentColor);width:2.2em;height:1px}.brand-wordmark-sub:after{background:linear-gradient(270deg,#0000,currentColor);margin-right:.42em}.brand-monogram{width:var(--logo-h);height:var(--logo-h);font-size:calc(var(--logo-h) * .56);letter-spacing:0;border-radius:28%;flex-shrink:0;place-items:center;line-height:1;display:grid}.brand-monogram-mono{box-shadow:inset 0 0 0 1.5px}.brand-mark{aspect-ratio:1;container-type:size}.brand-mark>.brand-monogram{width:100%;height:100%;font-size:58cqh}.brand-mark .brand-logo-img,.brand-mark .brand-logo-mask{object-position:center;width:100%;max-width:none;height:100%;-webkit-mask-position:50%;mask-position:50%}.brand-mark-logo{width:var(--logo-h);height:var(--logo-h)}}