.hero-title {
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1.2;
    font-weight: 700;
    max-width: 85%;
    text-shadow: 0 2px 4px rgba(0,0,0,.25);
}

@media (max-width: 768px){
    .hero-title {
        font-size: 1.6rem;
        max-width: 95%;
    }
}