.logo,
.brand {
  display: inline-flex;
  align-items: center;
  gap: 0;
  font-size: 0 !important;
  letter-spacing: 0;
  text-decoration: none;
}

.logo .mark,
.brand .mark,
.brand small,
.logo > img,
.brand > img {
  display: none !important;
}

.logo::before,
.brand::before {
  content: "";
  display: block;
  width: clamp(178px, 16vw, 248px);
  aspect-ratio: 1400 / 312;
  background: url("notosled-logo.png?v=6") center / contain no-repeat;
}

footer .logo::before,
footer .brand::before {
  width: 190px;
}

@media (max-width: 580px) {
  .logo::before,
  .brand::before {
    width: 178px;
  }
}