torrentino

Атрибут title не стилизуется.
Можно сделать псевдо content: attr(title). Но перенос будет только за счет ширины.
Либо использовать обычный div или span или p с br и стилизовать как душе угодно.

Через css переменные можно.

<div class="item" style="--color:black;">
     <h1 class="subtitle">lorem 2</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa aut a placeat, illum suscipit, consequatur officiis veritatis adipisci incidunt sapiente repellendus consequuntur. Enim architecto harum, doloribus illo veritatis omnis facilis.</p>
  </div>

https://jsfiddle.net/0tynwegm/

вот пример на ванильном js . Надеюсь , что я вам помог

Особых событий для sticky, насколько я помню, нет.
Остаётся слушать событие scroll и чекать верхнюю позицию элемента относительно экрана. Если она равна 50-ти, то элемент закрепился.

https://developers.google.com/web/updates/2017/09/...

Судя из скриншота в комментариях, автор пытается использовать куки в протоколе file://
Они работают только в протоколах http/https или в хроме со специальным флагом --enable-file-cookies.

Запустите код через локальный сервер и все будет ок