.wordmark{display:inline-flex;align-items:center;gap:13px;flex-shrink:0;line-height:1}
.wordmark .brand-symbol{display:block;width:36px;height:auto;flex-shrink:0}
.wordmark .brand-name{display:block;width:172px;height:auto;flex-shrink:0}
footer .wordmark{gap:10px}
footer .wordmark .brand-symbol{width:28px}
footer .wordmark .brand-name{width:144px}
@media(max-width:680px){
 .header .wordmark{gap:11px}
 .header .wordmark .brand-symbol{width:29px}
 .header .wordmark .brand-name{width:150px}
 footer .wordmark .brand-symbol{width:27px}
 footer .wordmark .brand-name{width:140px}
}