/* The selected second lockup is shared by both locales; no text is redrawn in CSS. */
.site-header .brand{min-height:44px;gap:0;flex-shrink:0}
.brand-logo{display:block;width:208px;height:auto;max-width:100%;object-fit:contain}
.site-footer .footer-brand{display:inline-flex;align-items:center;min-height:44px;max-width:100%}
.footer-brand .brand-logo{width:208px;filter:brightness(0) invert(1)}
@media(max-width:640px){
  .site-header .brand-logo{width:180px}
}
@media(max-width:380px){
  .site-header .brand-logo{width:166px}
}