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

Space Vanta Theme 1.0

Brand System:
Hero Wordmark

File:
public/brand/hero/wordmark.css

Version:
1.1

Visual Direction:
Geometric Editorial

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


/*
---------------------------------
01. Hero Wordmark
---------------------------------
*/

.sv-hero__wordmark {

    display: block;

    width: fit-content;

    max-width: 100%;

    margin: 0;

    padding: 0;

    font-size:
        clamp(11px,
            .82vw,
            14px);

    line-height: 1.2;

    font-weight: 500;

    letter-spacing: .075em;

    text-transform: uppercase;

    white-space: nowrap;

    text-rendering: geometricPrecision;

    font-kerning: normal;

    transform: none;

    font-stretch: normal;

}


/*
---------------------------------
02. Wordmark → Title
---------------------------------
*/

.sv-hero__wordmark+.sv-hero__title {

    margin-top: 20px;

}


/*
---------------------------------
03. Mobile
---------------------------------
*/

@media (max-width: 767px) {

    .sv-hero__wordmark {

        font-size: 10px;

        line-height: 1.25;

        letter-spacing: .07em;

    }


    .sv-hero__wordmark+.sv-hero__title {

        margin-top: 14px;

    }

}


/*
---------------------------------
04. Small Mobile
---------------------------------
*/

@media (max-width: 374px) {

    .sv-hero__wordmark {

        font-size: 9px;

        letter-spacing: .065em;

    }


    .sv-hero__wordmark+.sv-hero__title {

        margin-top: 13px;

    }

}


/*
---------------------------------
05. Reduced Motion
---------------------------------
*/

@media (prefers-reduced-motion: reduce) {

    .sv-hero__wordmark {

        transition: none;

    }

}