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 для ритма сетки.
