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

Space Vanta Theme 1.0

Module:
Vision Node — Everyday

Version:
VISION-NODE-EVERYDAY-007

Responsibility:
Everyday editorial composition only

Spatial positioning:
Owned by vision/nodes.css

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


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

.sv-vision-node--everyday .sv-vision-node__content {

    text-align: left;

}


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

.sv-vision-node--everyday .sv-vision-node__eyebrow {

    margin-bottom: 20px;

    font-size: 10px;

    letter-spacing: .28em;

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

}


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

.sv-vision-node--everyday .sv-vision-node__title {

    max-width: 680px;

    margin: 0;

    font-size: clamp(32px, 4.2vw, 56px);

    line-height: 1.04;

    font-weight: 500;

    letter-spacing: -.045em;

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

}


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

.sv-vision-node--everyday .sv-vision-node__english {

    margin-top: 20px;

    font-size: 10px;

    letter-spacing: .18em;

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

}


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

.sv-vision-node--everyday .sv-vision-node__description {

    max-width: 560px;

    margin: 34px 0 0;

    font-size: 13px;

    line-height: 1.9;

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

}


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

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

    margin: 0;

    color: inherit;

}


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

    margin-top: 13px;

}


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

.sv-vision-node--everyday .sv-vision-node__keywords {

    justify-content: flex-start;

    margin-top: 24px;

}


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

@media (max-width: 767px) {

    .sv-vision-node--everyday .sv-vision-node__content {

        text-align: left;

    }


    .sv-vision-node--everyday .sv-vision-node__eyebrow {

        margin-bottom: 16px;

        font-size: 8px;

        letter-spacing: .24em;

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

    }


    .sv-vision-node--everyday .sv-vision-node__title {

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

        line-height: 1.08;

    }


    .sv-vision-node--everyday .sv-vision-node__english {

        margin-top: 15px;

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

    }


    .sv-vision-node--everyday .sv-vision-node__description {

        max-width: 100%;

        margin-top: 24px;

        font-size: 12px;

        line-height: 1.8;

    }


    .sv-vision-node--everyday .sv-vision-node__keywords {

        margin-top: 18px;

    }

}