.ve-logo {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.625rem;
  color: var(--color-ink, #f7ecef);
  text-decoration: none;
}

.ve-logo__mark {
  display: block;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
}

.ve-logo__wordmark {
  overflow: hidden;
  font-family: var(--font-brand-sans, "Manrope", "Avenir Next", "Segoe UI", sans-serif);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ve-logo--compact {
  gap: 0.5rem;
}

.ve-logo--compact .ve-logo__mark {
  width: 1.5rem;
  height: 1.5rem;
}

.ve-logo--compact .ve-logo__wordmark {
  font-size: 1rem;
}

@media (max-width: 22rem) {
  .ve-logo--responsive .ve-logo__wordmark {
    display: none;
  }
}