/* CoSyncs identity (official package, public/brand). The artwork includes its clear space and follows the text colour: ivory on ink, ink on ivory. */
.cs-logo,.cs-stacked,.cs-symbol{display:inline-block;flex:none;background:currentColor;-webkit-mask:var(--cs-art) center/contain no-repeat;mask:var(--cs-art) center/contain no-repeat;vertical-align:middle}
.cs-logo{--cs-art:url(/brand/cosyncs-horizontal-ink.svg);width:var(--cs-w,180px);aspect-ratio:1211.952/316}
.cs-stacked{--cs-art:url(/brand/cosyncs-stacked-ink.svg);width:var(--cs-w,240px);aspect-ratio:850/530}
.cs-symbol{--cs-art:url(/brand/cosyncs-mark-ink.svg);width:var(--cs-w,24px);aspect-ratio:288/304}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Older brand rules styled the coral dot span; the logo keeps the text colour and its own size. */
.cs-logo,.cs-stacked,.cs-symbol{color:inherit!important;margin:0!important;font-size:0!important;vertical-align:middle!important}
.brand,.creator-brand,.listen-brand,.ss-brand,.beta-brand{display:inline-flex;align-items:center;line-height:0;margin-left:-6px!important;color:var(--nv-text,var(--ink,#FAF8F3))!important}
.brand .cs-logo,.creator-brand .cs-logo{--cs-w:180px}
.listen-brand .cs-logo,.ss-brand .cs-logo,.beta-brand .cs-logo{--cs-w:196px}
/* Below the 180px horizontal minimum, the mark stands alone. */
@media (max-width:800px){.brand .cs-logo,.creator-brand .cs-logo{--cs-w:180px}}