.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--ink, #171715);
  white-space: nowrap;
}
.brand .brand-logo {
  display: block;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
}
.brand .brand-wordmark { color: var(--ink, #171715); }
.brand .brand-accent { color: var(--red, var(--accent, #c91832)); }
@media (max-width: 520px) {
  .brand { gap: 8px; }
  .brand .brand-logo { width: 25px; height: 25px; flex-basis: 25px; }
  .brand .brand-wordmark { font-size: 16px; }
}