.header .brand{
  width:150px;
  height:82px;
  padding:2px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:0;
  border-radius:3px;
  box-shadow:none;
  overflow:visible;
  transition:transform .15s ease,box-shadow .15s ease;
}
.header .brand::after{content:none}
.header .brand .tla-color-logo{
  width:146px;
  height:auto;
  max-height:80px;
  display:block;
  background:#fff;
}
.header .brand:hover:not(:disabled){
  background:#fff;
  filter:none;
  box-shadow:0 0 0 1px rgba(28,64,118,.12);
}
.header .brand:active{transform:translateY(1px)}
.header .brand:focus-visible{outline:3px solid var(--sky);outline-offset:3px}

@media(max-width:1040px){
  .header .brand{width:132px;height:76px}
  .header .brand .tla-color-logo{width:128px;max-height:72px}
}
@media(max-width:700px){
  .header .brand{width:101px;height:59px;padding:1px}
  .header .brand .tla-color-logo{width:98px;max-height:57px}
}