Site title mobile screen issue

Site URL: https://carnation-cardioid-yc95.squarespace.com

Hello,

I have a quite long site title which gets cropped in mobile view.

Is there a way to spread it onto 3 lines only on mobile?

website pw: mount$%

Thanks a lot!!

Add to Home > Design > Custom CSS to resize title on mobile only

@media screen and (max-width:767px) {
span.site-title-text {
    font-size: 30px;
}
}