.intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9vw;
}
.intro-grid h2 {
    max-width: 600px;
}
.lead {
    font-size: clamp(1.2rem, 2vw, 1.75rem);
    line-height: 1.55;
    color: #405149;
    margin-top: 40px;
}
.intro-grid .eyebrow {
    letter-spacing: 1.8px;
    margin-bottom: 30px;
}
.intro-grid .lead {
    margin-top: 0;
    font-size: 27px;
    line-height: 38px;
    margin-bottom: 47px;
}

@media(max-width:1365px){
    .intro-grid .lead {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 35px;
    }
}
@media(max-width:1024px){
    .intro-grid .lead {
        font-size: 20px;
        line-height: 26px;
    }
}
@media(max-width:767px){
    .intro-grid {
        gap: 4vw;
    }
    .intro-grid .lead {
        font-size: 18px;
        line-height: 26px;
    }
}
@media(max-width:600px){
    .intro-grid {
        gap: 3vw;
        grid-template-columns: 1fr;
    }
    .intro-grid .eyebrow {
        margin-bottom: 15px;
    }
    .intro-grid .lead {
        margin-bottom: 25px;
        font-size: 16px;
        line-height: 21px;
    }
    .intro-grid h2 {
        max-width: 600px;
        font-size: 26px;
    }
}