/* ==========================================================
   KOKO Enterprise
   Section Header
   ========================================================== */

.section-header{
    max-width:760px;
    margin:0 auto 5rem;
    text-align:center;
}

.section-kicker{
    display:block;
    margin-bottom:1.25rem;

    color:var(--color-accent);

    font-size:.8rem;
    font-weight:600;
    letter-spacing:.3em;
    text-transform:uppercase;
}

.section-title{
    margin:0;

    color:var(--color-primary);

    font-family:var(--font-heading);
    font-size:clamp(2.6rem,5vw,4rem);
    font-weight:500;
    line-height:1.1;
    letter-spacing:-.025em;
}

.section-description{
    max-width:640px;
    margin:1.75rem auto 0;

    color:var(--color-text-light);

    font-size:1.1rem;
    line-height:1.9;
}

@media (max-width:768px){

    .section-header{
        margin-bottom:4rem;
    }

    .section-title{
        font-size:clamp(2.2rem,8vw,3.25rem);
    }

    .section-description{
        font-size:1rem;
    }

}