/* ==========================================================
   KOKO Enterprise
   Introduction
   ========================================================== */

/*--------------------------------------------------------------
# Introduction Section
--------------------------------------------------------------*/

.intro-section{
    background:#ffffff;
}

/*--------------------------------------------------------------
# Introduction Header
--------------------------------------------------------------*/

.intro-header{
    margin-bottom:2.5rem;
}

/*--------------------------------------------------------------
# Introduction Title
--------------------------------------------------------------*/

.intro-title{
    max-width:820px;
    margin:0;

    color:var(--color-primary);

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

/*--------------------------------------------------------------
# Introduction Content
--------------------------------------------------------------*/

.intro-content{
    max-width:760px;
}

/*--------------------------------------------------------------
# Introduction Text
--------------------------------------------------------------*/

.intro-text{
    margin:0 0 1.5rem;

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

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

.intro-text:last-child{
    margin-bottom:0;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media (max-width:992px){

    .intro-header{
        margin-bottom:2rem;
    }

    .intro-title{
        font-size:clamp(2.5rem,7vw,4rem);
    }

    .intro-text{
        font-size:1.1rem;
    }

}

@media (max-width:576px){

    .intro-title{
        font-size:clamp(2.25rem,9vw,3.25rem);
        line-height:1.12;
    }

    .intro-text{
        font-size:1rem;
        line-height:1.8;
    }

}