.harbor-intro {
    background: #f2f2f2;
    border: solid 1px var(--brand-border);
    margin-bottom: 4rem;
}

.harbor-intro__eyebrow {
    min-height: 46px;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
}

.harbor-intro__title {
    font-size: clamp(2rem,4vw,3rem);
    line-height: 1.05;
    letter-spacing: -0.03em;
    font-weight: 700;
    color: #000;
}

.harbor-intro__text {
    font-size: clamp(1rem,1.3vw,1.2rem);
    line-height: 1.6;
    color: #222;
    max-width: 46rem;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width:575px) {

    .harbor-intro {
        border-radius: 1.5rem !important;
    }

    .harbor-intro__title {
        font-size: clamp(1.8rem,9vw,2.4rem);
    }
}