.brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:0;
  width:300px;
}
.brand-mark{
  display:flex;
  align-items:center;
  gap:15px;
  line-height:1;
}
.brand-mark img{
  width:198px;
  height:48px;
  object-fit:contain;
}
.brand-divider{
  display:block;
  width:1px;
  height:34px;
  background:linear-gradient(180deg,transparent,var(--blue),transparent);
}
.brand-mark b{
  color:var(--blue);
  font-size:24px;
  font-weight:900;
  letter-spacing:.14em;
}
.brand-subtitle{
  display:block;
  margin:-2px 0 0 5px;
  color:#526b7d;
  font-size:9px;
  font-weight:800;
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
  white-space:nowrap;
}
.brand-subtitle strong{
  color:var(--blue);
  font-weight:950;
}
@media(max-width:640px){
  .brand{width:225px}
  .brand-mark{gap:9px}
  .brand-mark img{width:150px!important;height:39px}
  .brand-divider{height:27px}
  .brand-mark b{font-size:19px}
  .brand-subtitle{font-size:7px;letter-spacing:.11em;margin-top:-1px;margin-left:3px}
}