.site-header .brand { gap: 11px; min-height: 44px; flex: 0 0 auto; }
.site-header .brand-sign { width: 40px; height: 40px; border: 0; background: none; }
.site-header .brand-sign:after { content: none; }
.site-header .brand-mark { display: block; width: 40px; height: 40px; object-fit: contain; }
.site-header .brand-name { font-family: Manrope, Arial, sans-serif; font-weight: 500; line-height: 1.12; color: #f4f5f7; white-space: nowrap; }
.site-header .brand-word { display: block; font-size: 17px; letter-spacing: .13em; }
.site-header .brand-name small { margin-top: 5px; font-size: 10px; font-weight: 500; letter-spacing: .245em; color: #d9e0ee; line-height: 1.15; }
@media (max-width: 560px) {
  .site-header .brand { gap: 9px; }
  .site-header .brand-sign, .site-header .brand-mark { width: 34px; height: 34px; }
  .site-header .brand-word { font-size: 15px; letter-spacing: .115em; }
  .site-header .brand-name small { font-size: 9px; margin-top: 4px; letter-spacing: .23em; }
}