text-wrap: balance — ровные заголовки без «висячих» слов
Одна строка CSS для hero и H2 вместо ручного `<br>` в макете.
`text-wrap: balance` перераспределяет переносы в многострочном заголовке так, чтобы строки были близки по длине — визуально спокойнее на лендингах.
Не используйте на длинных абзацах — для них есть `text-wrap: pretty`.
- text-wrap — MDN — balance и pretty.
- CSS text-wrap balance — web.dev — Примеры и perf.
Дизайн
На узких экранах balance всё равно ограничен шириной — проверьте 320px.
Парные заголовки в карточках задайте одинаковым max-width для ритма сетки.