/* =========================================================
   SECTION
========================================================= */

#kd-about-glance-section {

    width:
        100%;

    max-width:
        100%;

    padding:
        72px 20px
        78px;

    background:
        #FFFFFF;

    box-sizing:
        border-box;

    overflow:
        hidden;
}


/* =========================================================
   CONTAINER
========================================================= */

#kd-about-glance-section .kd-glance-container {

    width:
        100%;

    max-width:
        1320px;

    min-width:
        0;

    margin:
        0 auto;

    box-sizing:
        border-box;
}


/* =========================================================
   INTRO
========================================================= */

#kd-about-glance-section .kd-glance-intro {

    width:
        100%;

    max-width:
        820px;

    margin:
        0 0 40px;

    box-sizing:
        border-box;
}


/* =========================================================
   EYEBROW
========================================================= */

#kd-about-glance-section .kd-glance-eyebrow {

    margin:
        0 0 15px;

    color:
        #159A9C;

    font-family:
        Inter,
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        12px;

    line-height:
        1.4;

    font-weight:
        750;

    letter-spacing:
        1.8px;

    text-transform:
        uppercase;
}


/* =========================================================
   TITLE
========================================================= */

#kd-about-glance-section .kd-glance-title {

    width:
        100%;

    max-width:
        800px;

    margin:
        0;

    color:
        #14213D;

    font-family:
        Manrope,
        Inter,
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        clamp(
            34px,
            4vw,
            50px
        );

    line-height:
        1.08;

    font-weight:
        750;

    letter-spacing:
        -1.2px;

    overflow-wrap:
        break-word;
}


/* =========================================================
   SNAPSHOT GRID
========================================================= */

#kd-about-glance-section .kd-glance-grid {

    width:
        100%;

    max-width:
        100%;

    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    border-top:
        1px solid #E1E6EA;

    border-bottom:
        1px solid #E1E6EA;

    box-sizing:
        border-box;
}


/* =========================================================
   SNAPSHOT ITEM
========================================================= */

#kd-about-glance-section .kd-glance-item {

    width:
        100%;

    min-width:
        0;

    padding:
        29px 24px
        31px;

    border-right:
        1px solid #E1E6EA;

    box-sizing:
        border-box;
}


#kd-about-glance-section .kd-glance-item:last-child {

    border-right:
        0;
}


/* =========================================================
   LABEL
========================================================= */

#kd-about-glance-section .kd-glance-label {

    margin:
        0;

    color:
        #159A9C;

    font-family:
        Inter,
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        10px;

    line-height:
        1.4;

    font-weight:
        800;

    letter-spacing:
        1.3px;

    text-transform:
        uppercase;

    overflow-wrap:
        break-word;
}


/* =========================================================
   VALUE
========================================================= */

#kd-about-glance-section .kd-glance-value {

    width:
        100%;

    max-width:
        100%;

    margin:
        11px 0 0;

    color:
        #14213D;

    font-family:
        Manrope,
        Inter,
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        clamp(
            22px,
            2.3vw,
            30px
        );

    line-height:
        1.15;

    font-weight:
        750;

    letter-spacing:
        -.6px;

    overflow-wrap:
        break-word;
}


/* =========================================================
   TEXT
========================================================= */

#kd-about-glance-section .kd-glance-text {

    width:
        100%;

    max-width:
        240px;

    margin:
        8px 0 0;

    color:
        #69757E;

    font-family:
        Inter,
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        12px;

    line-height:
        1.65;

    overflow-wrap:
        break-word;
}


/* =========================================================
   SUBTLE ACCENT LINE
========================================================= */

#kd-about-glance-section .kd-glance-accent {

    width:
        28px;

    height:
        2px;

    margin:
        15px 0 0;

    background:
        #159A9C;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    #kd-about-glance-section {

        padding:
            66px 20px
            72px;
    }


    #kd-about-glance-section .kd-glance-container {

        max-width:
            900px;
    }


    #kd-about-glance-section .kd-glance-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    #kd-about-glance-section .kd-glance-item:nth-child(2) {

        border-right:
            0;
    }


    #kd-about-glance-section .kd-glance-item:nth-child(n+3) {

        border-top:
            1px solid #E1E6EA;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {

    #kd-about-glance-section {

        padding:
            50px 16px
            55px;
    }


    #kd-about-glance-section .kd-glance-container {

        width:
            100%;

        max-width:
            100%;
    }


    #kd-about-glance-section .kd-glance-intro {

        margin-bottom:
            30px;
    }


    #kd-about-glance-section .kd-glance-eyebrow {

        margin-bottom:
            13px;

        font-size:
            11px;

        letter-spacing:
            1.6px;
    }


    #kd-about-glance-section .kd-glance-title {

        font-size:
            32px;

        line-height:
            1.12;

        letter-spacing:
            -.8px;
    }


    #kd-about-glance-section .kd-glance-grid {

        grid-template-columns:
            minmax(0,1fr);

        width:
            100%;

        max-width:
            100%;
    }


    #kd-about-glance-section .kd-glance-item {

        width:
            100%;

        padding:
            23px 18px
            24px;

        border-right:
            0;

        border-bottom:
            1px solid #E1E6EA;
    }


    #kd-about-glance-section .kd-glance-item:nth-child(n+3) {

        border-top:
            0;
    }


    #kd-about-glance-section .kd-glance-item:last-child {

        border-bottom:
            0;
    }


    #kd-about-glance-section .kd-glance-value {

        font-size:
            26px;

        line-height:
            1.2;
    }


    #kd-about-glance-section .kd-glance-text {

        max-width:
            100%;

        font-size:
            13px;

        line-height:
            1.65;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    #kd-about-glance-section {

        padding:
            46px 14px
            50px;
    }


    #kd-about-glance-section .kd-glance-title {

        font-size:
            29px;
    }


    #kd-about-glance-section .kd-glance-value {

        font-size:
            24px;
    }

}