/* Long approved Roof Replacement H1: allow its existing highlight to wrap. */
@media (max-width: 1023px) {
    .desantis-homepage .t03-roof-replacement .residential-hero__title-highlight {
        max-width: 100%;
    }
    .desantis-homepage .t03-roof-replacement .residential-hero__title-highlight > span:first-child {
        white-space: normal;
        width: auto;
    }
}

/* Keep the approved first line together on phones without changing tablet/desktop. */
@media (max-width: 680px) {
    .desantis-homepage .t03-roof-replacement .residential-hero__title > span:first-child {
        font-size: clamp(30px, 9.75vw, 40px);
    }
}