/* AI positioning: allow the longer headline to wrap without widening the hero. */
.sd-reference-hero .hero-title > span {
    white-space: normal;
    overflow-wrap: normal;
    text-wrap: balance;
}
.sd-reference-hero .hero-title {
    font-size: clamp(32px, 2.75vw, 52px);
    line-height: 1.12;
}
.sd-reference-hero .hero-description { max-width: 58ch; }
@media (min-width: 1101px) and (max-height: 820px) {
    .sd-reference-hero .hero-title { font-size: clamp(30px, 2.6vw, 44px); }
}
@media (max-width: 1100px) {
    .sd-reference-hero .hero-title { font-size: clamp(32px, 5.5vw, 48px); }
}
@media (max-width: 600px) {
    .sd-reference-hero .hero-title { font-size: clamp(30px, 8vw, 40px); }
}