.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;color:var(--ink);border-radius:12px}
.brand-lockup{display:block;width:246px;height:auto;overflow:visible;flex:none}
.brand-lockup .brand-tile{fill:var(--soft)}
.brand-lockup .brand-thread{color:var(--accent)}
.brand-lockup .brand-wordmark{fill:var(--ink)}
.brand-lockup .brand-tagline{fill:var(--muted)}
.brand:hover .brand-thread{color:var(--ink)}
.site-footer .brand-lockup{width:225px}
@media(max-width:1100px){.site-header .brand-lockup{width:230px}}
@media(max-width:800px){.site-header .brand-lockup{width:226px}}
@media(max-width:620px){.site-header .brand-lockup{width:185px}.site-header .brand-tagline{display:none}.site-header .brand-wordmark{transform:translateY(7px)}}
@media(max-width:370px){.site-header .brand-lockup{width:157px}}