/* Display the user-supplied original without changing its pixels.
   The artwork and wordmark use separate CSS viewports for a horizontal lockup.
   Reference coordinates on the 1600-square preview: emblem 427,288,746,694;
   wordmark 427,1034,746,200. The original PNG is 2048 square. */
.brand-wrap{flex-shrink:0}
.brand-with-logo{flex-direction:row;align-items:center;gap:12px;line-height:1}
.brand-emblem,.brand-word{position:relative;display:block;overflow:hidden;flex-shrink:0;background:#fff}
.brand-emblem{width:57px;aspect-ratio:746/694}
.brand-word{width:127px;aspect-ratio:746/200}
.brand-emblem img,.brand-word img{position:absolute;width:214.477212%;max-width:none;height:auto;left:-57.238606%}
.brand-emblem img{top:-41.498559%}
.brand-word img{top:-517%}
.brand-lockup{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}
.brand-with-logo .brand-sub{color:#153354;font-size:9px;line-height:1.4;letter-spacing:1.5px}
.footer-brand .brand-with-logo{background:#fff;padding:13px 16px;border-radius:3px}
.footer-brand .custom-logo-link{display:inline-block;background:#fff;padding:10px 14px;border-radius:3px}
.footer-brand .footer-tagline{margin-top:20px!important}
html[lang^=ru] .brand-with-logo .brand-sub{font-size:8px;letter-spacing:.7px}
@media(max-width:1150px){
 .brand-with-logo{gap:10px}
 .brand-emblem{width:50px}
 .brand-word{width:114px}
 .brand-with-logo .brand-sub{font-size:8px;letter-spacing:1px}
 html[lang^=ru] .brand-with-logo .brand-sub{font-size:7px;letter-spacing:.4px}
}
@media(max-width:640px){
 .brand-emblem{width:43px}
 .brand-word{width:108px}
 .brand-lockup{gap:6px}
 .brand-with-logo .brand-sub{font-size:8px;letter-spacing:1px}
 .footer-brand{grid-column:1/-1}
 .footer-links{padding-left:0}
 .footer-focus{grid-column:auto}
 .footer-brand .brand-emblem{width:48px}
 .footer-brand .brand-word{width:116px}
}