/*
================================================

Space Vanta Theme 1.0

Module:
Vision Node — Discovery

Version:
VISION-NODE-DISCOVERY-003

Responsibility:
Discovery editorial composition only

================================================
*/


/* =================================================
   Content
================================================= */

.sv-vision-node--discovery .sv-vision-node__content {

    text-align: center;

}


/* =================================================
   Eyebrow
================================================= */

.sv-vision-node--discovery .sv-vision-node__eyebrow {

    margin-bottom: 18px;

}


/* =================================================
   Title
================================================= */

.sv-vision-node--discovery .sv-vision-node__title {

    max-width: 680px;

    margin: 0 auto;

    font-size: clamp(34px, 4.4vw, 56px);

    line-height: 1.06;

    font-weight: 500;

    letter-spacing: -.045em;

    color: rgba(48, 56, 63, .94);

}


/* =================================================
   English
================================================= */

.sv-vision-node--discovery .sv-vision-node__english {

    margin-top: 18px;

}


/* =================================================
   Description
================================================= */

.sv-vision-node--discovery .sv-vision-node__description {

    max-width: 590px;

    margin: 28px auto 0;

    font-size: 13px;

    line-height: 1.9;

    color: rgba(70, 78, 85, .72);

}


/* =================================================
   Paragraph Rhythm
================================================= */

.sv-vision-node--discovery .sv-vision-node__description p {

    margin: 0;

}


.sv-vision-node--discovery .sv-vision-node__description p+p {

    margin-top: 13px;

}


/* =================================================
   Keywords
================================================= */

.sv-vision-node--discovery .sv-vision-node__keywords {

    margin-top: 25px;

}


/* =================================================
   Keyword Surface
================================================= */

.sv-vision-node--discovery .sv-vision-node__keywords span {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 25px;

    padding: 0 11px;

    border: 1px solid rgba(120, 137, 150, .22);

    background:
        linear-gradient(180deg,
            rgba(255, 255, 255, .64),
            rgba(210, 218, 223, .18));

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .70),
        0 4px 12px rgba(63, 79, 91, .035);

    font-size: 8px;

    line-height: 1;

    font-weight: 500;

    letter-spacing: .13em;

    color: rgba(70, 89, 105, .66);

}


/* =================================================
   Mobile
================================================= */

@media (max-width: 767px) {

    .sv-vision-node--discovery .sv-vision-node__title {

        font-size: clamp(30px, 8.8vw, 44px);

        line-height: 1.08;

    }


    .sv-vision-node--discovery .sv-vision-node__description {

        max-width: 100%;

        margin-top: 24px;

        font-size: 12px;

        line-height: 1.8;

    }


    .sv-vision-node--discovery .sv-vision-node__description p+p {

        margin-top: 10px;

    }


    .sv-vision-node--discovery .sv-vision-node__keywords {

        margin-top: 20px;

    }

}