.brand-logo{display:inline-flex;align-items:center;gap:.55em;max-width:100%;color:var(--app-text);vertical-align:middle}.brand-logo__mark{display:block;width:2rem;height:2rem;flex:none}.brand-logo__wordmark{color:var(--app-text);font-size:1.25rem;line-height:1;font-weight:850;letter-spacing:-.055em;white-space:nowrap}.brand-logo__wordmark>span{color:var(--app-accent)}.brand-logo__tile-start{stop-color:var(--color-brand-primary)}.brand-logo__tile-end{stop-color:color-mix(in srgb,var(--color-brand-primary) 60%,black)}.brand-logo__spider{fill:var(--app-on-primary)}.brand-logo__tie-start{stop-color:color-mix(in srgb,var(--app-accent) 35%,white)}.brand-logo__tie-end{stop-color:var(--color-brand-primary)}.brand-logo--compact .brand-logo__mark{width:2.5rem;height:2.5rem}.brand-logo--inverse .brand-logo__wordmark{color:var(--app-on-primary)}.brand-logo--inverse .brand-logo__wordmark>span{color:color-mix(in srgb,var(--color-brand-primary) 30%,white)}