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

Space Vanta Theme 1.0

Module:
Vision Node — Beyond Shopping

Version:
VISION-NODE-BEYOND-003

Responsibility:
Beyond Shopping editorial composition only

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


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

.sv-vision-node--beyond .sv-vision-node__content {

    text-align: left;

}


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

.sv-vision-node--beyond .sv-vision-node__eyebrow {

    margin-bottom: 20px;

}


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

.sv-vision-node--beyond .sv-vision-node__title {

    max-width: 620px;

    margin: 0;

    font-size: clamp(34px, 4.2vw, 54px);

    line-height: 1.06;

    font-weight: 500;

    letter-spacing: -.045em;

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

}


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

.sv-vision-node--beyond .sv-vision-node__english {

    margin-top: 19px;

}


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

.sv-vision-node--beyond .sv-vision-node__description {

    max-width: 570px;

    margin: 32px 0 0;

    font-size: 13px;

    line-height: 1.9;

    color: rgba(69, 77, 84, .72);

}


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

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

    margin: 0;

}


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

    margin-top: 13px;

}


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

@media (max-width: 767px) {

    .sv-vision-node--beyond .sv-vision-node__content {

        text-align: left;

    }


    .sv-vision-node--beyond .sv-vision-node__title {

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

        line-height: 1.08;

    }


    .sv-vision-node--beyond .sv-vision-node__description {

        max-width: 100%;

        margin-top: 24px;

        font-size: 12px;

        line-height: 1.8;

    }


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

        margin-top: 10px;

    }

}