:root {
  --brand-blue: #0052d9;
  --brand-ink: #10254d;
}

.brand .brand-name,
.footer-brand .brand-name {
  display: inline-block;
  color: var(--brand-ink);
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC', sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.075em;
  white-space: nowrap;
}

.brand-name .brand-accent {
  color: var(--brand-blue);
}

.footer-brand .brand-name {
  font-size: 22px;
}

@media (max-width: 760px) {
  .brand .brand-name {
    font-size: 22px;
  }
}