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

Space Vanta Theme 1.0

Module:
Vision Node — Future

Version:
VISION-NODE-FUTURE-004

Responsibility:
Future editorial composition only

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


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

.sv-vision-node--future .sv-vision-node__content {

    text-align: center;

}


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

.sv-vision-node--future .sv-vision-node__eyebrow {

    margin-bottom: 18px;

    color: rgba(67, 96, 124, .88);

}


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

.sv-vision-node--future .sv-vision-node__title {

    max-width: 700px;

    margin: 0 auto;

    font-size: clamp(36px, 4.6vw, 58px);

    line-height: 1.04;

    font-weight: 500;

    letter-spacing: -.048em;

    color: rgba(31, 37, 43, .97);

}


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

.sv-vision-node--future .sv-vision-node__english {

    margin-top: 19px;

    letter-spacing: .19em;

    color: rgba(45, 53, 61, .90);

}


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

.sv-vision-node--future .sv-vision-node__description {

    max-width: 560px;

    margin: 30px auto 0;

    font-size: 13px;

    line-height: 1.92;

    color: rgba(55, 63, 71, .84);

}


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

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

    margin: 0;

    color: inherit;

}


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

    margin-top: 13px;

}


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

.sv-vision-node--future .sv-vision-node__keywords {

    margin-top: 25px;

}


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

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

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 25px;

    padding: 0 11px;

    border: 1px solid rgba(110, 130, 145, .30);

    background:
        linear-gradient(180deg,
            rgba(255, 255, 255, .68),
            rgba(211, 220, 224, .22));

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .76),
        0 4px 13px rgba(60, 78, 91, .045);

    font-size: 8px;

    line-height: 1;

    font-weight: 500;

    letter-spacing: .13em;

    color: rgba(60, 79, 95, .84);

}


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

@media (max-width: 767px) {

    .sv-vision-node--future .sv-vision-node__title {

        font-size: clamp(31px, 9vw, 45px);

        line-height: 1.08;

    }


    .sv-vision-node--future .sv-vision-node__description {

        max-width: 100%;

        margin-top: 24px;

        font-size: 12px;

        line-height: 1.8;

    }


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

        margin-top: 10px;

    }


    .sv-vision-node--future .sv-vision-node__keywords {

        margin-top: 20px;

    }

}