.td-brand {
  --wordmark-ink: #162f26;
  --wordmark-green: #087449;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
}

.td-brand img {
  width: 38px;
  height: 38px;
  flex: none;
}

.td-wordmark {
  font: 740 27px/1 "DM Sans", Arial, sans-serif;
  font-synthesis: none;
  letter-spacing: -1.6px;
  color: var(--wordmark-ink);
  white-space: nowrap;
}

.td-wordmark > span {
  color: var(--wordmark-green);
}

@media (prefers-color-scheme: dark) {
  .td-brand {
    --wordmark-ink: #f0f5f1;
    --wordmark-green: #86d6ad;
  }
}

@media (max-width: 740px) {
  .td-brand img { width: 32px; height: 32px }
  .td-wordmark { font-size: 24px; letter-spacing: -1.4px }
}