html .brand.brand-refresh{display:inline-flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0;letter-spacing:0;line-height:1;color:var(--ink,#382922)}
html .brand-refresh>img{display:block;width:42px;height:42px;object-fit:contain;flex-shrink:0}
html .brand-refresh .brand-lockup{display:block;color:inherit}
html .brand-refresh .brand-name{display:block;color:inherit;font-family:'Trebuchet MS','Avenir Next',sans-serif;font-size:25px;font-weight:700;letter-spacing:-1.3px;white-space:nowrap}
html .brand-refresh .brand-name strong{color:var(--accent,#B74658);font-weight:900}
html .brand-refresh small{display:block;color:var(--muted,#735F50);font-size:8px;font-weight:500;letter-spacing:2px;margin-top:7px;line-height:1.2}
@media(max-width:600px){html .brand-refresh .brand-name{font-size:21px;letter-spacing:-1.1px}html .brand-refresh>img{width:35px;height:35px}html .brand.brand-refresh{gap:6px}html .brand-refresh small{font-size:7px;letter-spacing:1.5px}}
/* Keep the wordmark readable even when event decoration styles colour spans. */
html body header a.brand.brand-refresh span.brand-lockup,
html body header a.brand.brand-refresh span.brand-lockup span.brand-name{color:var(--ink,#382922)}
html body header a.brand.brand-refresh span.brand-name strong{color:var(--accent,#985035)}
