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

Space Vanta Theme 1.0

Module:
Vision Node — Selection

Version:
VISION-NODE-SELECTION-004

Responsibility:
Selection editorial composition only

Spatial positioning:
Owned by vision/nodes.css

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


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

.sv-vision-node--selection .sv-vision-node__content {

    text-align: center;

}


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

.sv-vision-node--selection .sv-vision-node__eyebrow {

    margin-bottom: 18px;

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

}


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

.sv-vision-node--selection .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(31, 37, 43, .97);

}


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

.sv-vision-node--selection .sv-vision-node__english {

    margin-top: 18px;

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

}


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

.sv-vision-node--selection .sv-vision-node__description {

    max-width: 570px;

    margin: 28px auto 0;

    font-size: 13px;

    line-height: 1.9;

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

}


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

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

    margin: 0;

    color: inherit;

}


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

    margin-top: 12px;

}


/* =================================================
   Statement
================================================= */

.sv-vision-node--selection .sv-vision-node__statement {

    margin: 28px auto 0;

    font-size: clamp(20px, 2.2vw, 28px);

    line-height: 1.45;

    font-weight: 500;

    letter-spacing: -.025em;

    color: rgba(32, 38, 45, .92);

}


/* =================================================
   Statement Paragraph
================================================= */

.sv-vision-node--selection .sv-vision-node__statement p {

    color: inherit;

}


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

.sv-vision-node--selection .sv-vision-node__keywords {

    margin-top: 22px;

}


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

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

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 25px;

    padding: 0 11px;

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

    background:
        linear-gradient(180deg,
            rgba(255, 255, 255, .70),
            rgba(216, 222, 225, .24));

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .76),
        0 4px 12px rgba(65, 77, 88, .045);

    font-size: 8px;

    line-height: 1;

    font-weight: 500;

    letter-spacing: .13em;

    color: rgba(60, 76, 91, .82);

}


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

@media (max-width: 767px) {

    .sv-vision-node--selection .sv-vision-node__title {

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

        line-height: 1.08;

    }


    .sv-vision-node--selection .sv-vision-node__description {

        max-width: 100%;

        margin-top: 24px;

        font-size: 12px;

        line-height: 1.8;

    }


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

        margin-top: 10px;

    }


    .sv-vision-node--selection .sv-vision-node__statement {

        margin-top: 24px;

        font-size: 20px;

    }


    .sv-vision-node--selection .sv-vision-node__keywords {

        margin-top: 18px;

    }

}