.brand {
  gap: 11px;
  letter-spacing: 0;
}

.brand .brand-logo {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border: 0;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("assets/dr-ranksphere-mark.png");
  background-repeat: no-repeat;
  background-size: 112% auto;
  background-position: center;
  box-shadow: 0 0 0 1px rgba(255,255,255,.25), 0 0 20px rgba(116, 93, 222, .22);
}

.brand .brand-name {
  width: auto;
  height: auto;
  display: inline;
  border: 0;
  border-radius: 0;
  font: 500 1rem "DM Sans", sans-serif;
  letter-spacing: -.02em;
  white-space: nowrap;
}

.brand .brand-name b {
  font-weight: 600;
  color: #a95cff;
}

footer .brand .brand-name { font-size: 1.08rem; }

@media (max-width: 560px) {
  .brand .brand-logo {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    background-size: 112% auto;
    background-position: center;
  }
  .brand .brand-name { font-size: .88rem; }
}