@layer guma-composition {
/* Shared brand mark; the product glyph is independent of the selected body font. */
.work-brand-mark{display:block;width:45px;height:45px;flex:none;object-fit:contain;border-radius:0;background:transparent}
.brand-copy{display:grid;min-width:0;gap:2px}
.brand-copy strong{font-size:var(--ui-font-title);font-weight:var(--ui-weight-heading);line-height:1.1;letter-spacing:-.035em}
.brand-copy small{font-size:var(--ui-font-tiny);font-weight:var(--ui-weight-normal);letter-spacing:0;color:var(--guma-muted);margin:0}
.login-brand{display:inline-flex;align-items:center;gap:var(--ui-space-md);color:var(--guma-text);text-decoration:none}
.login-brand .work-brand-mark{width:45px;height:45px}
.login-brand .brand-copy small{display:block}
@media(max-width:760px){.login-brand .work-brand-mark{width:40px;height:40px}.login-brand .brand-copy strong{font-size:var(--ui-font-subheading)}.login-brand .brand-copy small{font-size:var(--ui-font-tiny)}}
@media(max-width:350px){.login-brand{gap:var(--ui-space)}.login-brand .brand-copy strong{font-size:var(--ui-font-section)}}
.login-preview-dev{position:fixed;bottom:12px;left:12px;z-index:9999}

}