.client-logo__name {
  font-size: var(--heading--font-size);
  color: var(--heading--color, var(--body--color, inherit));
  line-height: var(--heading--line-height, 1.1);
  font-weight: var(--heading--font-weight);
  text-transform: var(--heading--text-transform);
  transition: var(--heading--transition, all 200ms ease-in-out);
  margin-top: var(--heading--margin-top);
  margin-bottom: var(--heading--margin-bottom);
}

.client-logo__name {
  --heading--font-size: var(--h3--font-size, clamp(1.25rem, 1.015625rem + 1.3020833333vw, 1.953125rem));
  --heading--font-weight: var(--h3--font-weight);
}

[data-site-mode=at-work] .client-logo img {
  filter: brightness(0) invert(1);
}
[data-site-mode=at-play] .client-logo img {
  filter: brightness(0) saturate(100%) invert(8%) sepia(82%) saturate(5700%) hue-rotate(38deg) brightness(85%) contrast(108%);
}
.client-logo__name {
  --h3--font-size: var(--client-logo--name--font-size);
}
