/* Outlined typography keeps the mark identical at every size and before fonts load. */
.wordmark{display:inline-flex;align-items:center;flex:none;min-height:44px}
.brand-logo{display:block;width:100%;height:auto}
.wordmark .brand-logo{width:208px}
.footer-wordmark{width:min(82%,900px);padding-block:48px 54px}
@media(max-width:760px){
 .wordmark .brand-logo{width:180px}
 .footer-wordmark{padding-block:36px 40px;width:100%}
}
@media(max-width:380px){.wordmark .brand-logo{width:160px}}