/* Keep headings readable as whole words at every viewport width. */
body :is(h1,h2,h3,h4){hyphens:none!important;-webkit-hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important;max-width:100%;text-wrap:balance}

body h1{font-size:clamp(2rem,5.3vw,5rem);line-height:1.12}
@media(max-width:680px){
 body h1,.page-hero h1,.hero h1{font-size:clamp(1.8rem,7.5vw,3rem)}
 body h2,.cta-section h2,.idea-card h2{font-size:clamp(1.65rem,7vw,2.45rem);line-height:1.16}
 .content h2,.content h3{font-size:clamp(1.1rem,4.7vw,1.5rem)}
 .footer-grid h2{font-size:.8rem}
}