.brand{gap:12px}
.brand>.brand-mark{width:56px;height:44px;object-fit:contain;flex-shrink:0}
.brand-name>.brand-wordmark{display:block;width:166px;height:auto;max-width:none}
.brand-name>span{font-size:10px;letter-spacing:.08em;margin-top:8px;line-height:1.3}

@media(max-width:1024px){
  .brand{gap:10px}
  .brand>.brand-mark{width:44px;height:40px}
  .brand-name>.brand-wordmark{width:148px}
  .brand-name>span{font-size:9px;letter-spacing:.06em;margin-top:7px}
}

@media(max-width:370px){
  .brand{gap:8px}
  .brand>.brand-mark{width:32px;height:32px}
  .brand-name>.brand-wordmark{width:123px}
  .brand-name>span{font-size:8px;margin-top:6px}
}