.sf-subtitle{display: inline-flex; align-items: center; gap: 14px; font-family: var(--sf-font-mono); font-size: 11.5px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap; line-height: 1; margin-bottom: 1rem;}
.sf-subtitle::before,
.sf-cmp__subtitle::before,
.sf-radar__subtitle::before,
.sf-cta__subtitle::before{content: ""; display: inline-block; width: 26px; height: 9px; flex-shrink: 0; background-color: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 8 24 8'><path d='M2 12h12' stroke='black' stroke-width='2.5' stroke-linecap='round' fill='none'/><rect x='15' y='8' width='8' height='8' rx='1.5' fill='black'/></svg>") no-repeat center / contain; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 8 24 8'><path d='M2 12h12' stroke='black' stroke-width='2.5' stroke-linecap='round' fill='none'/><rect x='15' y='8' width='8' height='8' rx='1.5' fill='black'/></svg>") no-repeat center / contain;}
.sf-subtitle--brand{color: var(--sf-brand-600);}
.sf-subtitle--muted{color: var(--sf-ink-500);}
.sf-subtitle--cyan{color: var(--sf-cyan);}
.sf-subtitle--mint{color: var(--sf-mint);}
.sf-subtitle--accent{color: var(--sf-accent-500);}
.sf-subtitle--white{color: #fff;}
.sf-subtitle--size-small{font-size: 10.5px; gap: 10px;}
.sf-subtitle--size-small::before{width: 18px; height: 6px;}
.sf-subtitle--size-large{font-size: 13px; gap: 18px; letter-spacing: 0.16em;}
.sf-subtitle--size-large::before{width: 36px; height: 12px;}
.sf-subtitle--align-center{display: inline-flex;}
.sf-subtitle--align-center,
.sf-subtitle--align-right{width: auto;}
.sf-subtitle--align-center{margin-left: auto; margin-right: auto; display: flex; justify-content: center;}
.sf-subtitle--align-right{margin-left: auto; display: flex; justify-content: flex-end;}

@media (max-width: 640px){
    .sf-subtitle{font-size: 10.5px; gap: 10px;}
    .sf-subtitle::before{width: 18px; height: 6px;}
    .sf-subtitle--size-large{font-size: 12px; gap: 14px;}
}