/* Match the approved Swap/InsightX brand name at every breakpoint. */
.header .wordmark .brand-name,.header.is-scrolled .wordmark .brand-name,.footer .wordmark .brand-name{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.27em;color:#fff;-webkit-text-fill-color:#fff;white-space:nowrap}
.header .wordmark,.header.is-scrolled .wordmark{gap:11px}
.wordmark img{object-fit:contain;border-radius:0;padding:0;background:transparent;box-shadow:none;filter:none}
@media(max-width:1150px) and (min-width:901px){.header .wordmark .brand-name,.header.is-scrolled .wordmark .brand-name{font-size:11px}}
@media(max-width:900px){.header .wordmark,.header.is-scrolled .wordmark{gap:9px}.header .wordmark .brand-name,.header.is-scrolled .wordmark .brand-name{font-size:10.5px}.footer .wordmark .brand-name{font-size:12px}}
@media(max-width:360px){.header .wordmark,.header.is-scrolled .wordmark{gap:7px}.header .wordmark .brand-name,.header.is-scrolled .wordmark .brand-name{font-size:9px}.footer .wordmark .brand-name{font-size:10.5px}}

.wordmark .brand-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.wordmark .brand-name{display:block}

/* Reserve the subtitle line so the main brand name aligns with Swap/InsightX. */
.wordmark .brand-copy{gap:4px}.wordmark .brand-copy:after{content:'';display:block;height:11.7px}.footer .wordmark .brand-copy:after{height:13px}
@media(max-width:700px){.wordmark .brand-copy{gap:3px}.header .wordmark .brand-copy:after{height:10.4px}}

/* Shared brand name color. */
.header .wordmark .brand-name,.header.is-scrolled .wordmark .brand-name,.footer .wordmark .brand-name{color:#D4D2CE!important;-webkit-text-fill-color:#D4D2CE!important}

/* Main has no subtitle: center its one-line name beside the emblem. */
.wordmark .brand-copy{gap:0;justify-content:center}.wordmark .brand-copy:after,.footer .wordmark .brand-copy:after{content:none;display:none}