.brand {
  width: 218px;
  min-height: 66px;
  padding: 5px 10px 5px 5px;
  gap: 5px;
  border: 3px solid #111;
  border-radius: 12px;
  background: #fff;
  color: #080808;
  box-shadow: 0 0 0 1px #ffffff70;
  overflow: hidden;
}
.brand-mark {
  width: 61px;
  height: 51px;
  flex: none;
  padding: 0;
  background: #fff;
  border-radius: 0;
  letter-spacing: normal;
}
.brand-mark img { width: 100%; height: 100%; object-fit: contain; }
.brand-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  white-space: nowrap;
  font: 900 31px/.9 Manrope, Arial, sans-serif;
  letter-spacing: -.075em;
  color: #050505;
}
.brand-name small {
  font: 900 16px/1 Manrope, Arial, sans-serif;
  letter-spacing: .015em;
  margin-top: 4px;
}
.brand-m { color: #af050d; }
@media (max-width: 600px) {
  .brand { width: 177px; min-height: 54px; padding: 4px 6px 4px 3px; border-width: 2px; border-radius: 9px; }
  .brand-mark { width: 49px; height: 44px; }
  .brand-name { font-size: 25px; }
  .brand-name small { font-size: 13px; margin-top: 3px; }
}