Нашел еще вариант:
добавить тег br.hero__line-break со свойством "display: none";
и при необходимых размерах экрана:
добавляем медиа запрос, в котором изменяем видимость .hero__line-break на "display: block";
Вариант костыльный, но вполне рабочий, с ним нет необходимости подбирать ширину блока, он явно обрезается с помощью br https://codepen.io/missing00/pen/OZabbm
