/* One transparent QL mark across public pages, account forms and workspaces. */
.ql-brand,.site-head .ql-brand,.footer-brand .ql-brand{display:inline-flex;align-items:center;gap:var(--space-8);flex:none;white-space:nowrap;text-decoration:none}
.ql-brand-mark{display:block;flex:none;width:var(--brand-width);height:var(--brand-width);object-fit:contain}
.ql-wordmark{color:var(--ink-900);font-weight:var(--weight-700);line-height:var(--line-height-heading);white-space:nowrap}
.ql-wordmark .brand-light{color:var(--cobalt-600);font-weight:var(--weight-500)}
.ql-brand-dark .ql-brand-mark{filter:brightness(0) invert(1)}
.ql-brand-dark .ql-wordmark,.ql-brand.auth-editorial-brand .ql-wordmark{color:var(--surface)}
.ql-brand-dark .ql-wordmark .brand-light,.ql-brand.auth-editorial-brand .brand-light{color:var(--cobalt-400)}
.ql-brand.sidebar-brand{font-size:var(--font-size-13);gap:var(--space-8)}
.ql-brand.sidebar-brand .ql-brand-mark{width:var(--avatar-size);height:var(--avatar-size)}
.ql-brand.auth-editorial-brand{font-size:var(--font-size-24);margin-bottom:var(--space-48)}
.ql-brand.auth-mobile-brand{display:none}
.ql-brand.workspace-mobile-brand{display:none}
@media(max-width:56em){
  .site-head .ql-brand{font-size:var(--font-size-16)}
  .site-head .ql-brand-mark{width:var(--avatar-size);height:var(--avatar-size)}
}
@media(max-width:37.5em){
  .ql-brand.workspace-mobile-brand{display:inline-flex}
  .workspace-mobile-brand .ql-brand-mark{width:var(--avatar-size);height:var(--avatar-size)}
  .auth-header .nav{flex-wrap:nowrap}
  .auth-header .ql-brand{font-size:var(--font-size-16)}
  .auth-header .back-to-site{flex:none;white-space:nowrap}
}