text-wrap: balance — ровные заголовки без «висячих» слов

text-wrap: balance перераспределяет переносы в многострочном заголовке так, чтобы строки были близки по длине — визуально спокойнее на лендингах.

Не используйте на длинных абзацах — для них есть text-wrap: pretty.

- [text-wrap — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap) — balance и pretty.

- [CSS text-wrap balance — web.dev](https://web.dev/articles/css-text-wrap-balance) — Примеры и perf.

---

## Дизайн

На узких экранах balance всё равно ограничен шириной — проверьте 320px.

Парные заголовки в карточках задайте одинаковым max-width для ритма сетки.