.brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.brand picture {
  display: block;
  line-height: 0;
}

.brand-logo {
  display: block;
  width: clamp(178px, 17vw, 218px);
  height: auto;
}

.brand-tagline {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 620px) {
  .brand-logo { width: 168px; }
}

@media (max-width: 420px) {
  .brand-logo { width: 52px; }
}