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

Space Vanta Theme 1.0

Brand System:
Wordmark

File:
public/brand/wordmark.css

Version:
1.1

Visual Direction:
Geometric Editorial

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


/*
---------------------------------
01. Global Wordmark
---------------------------------
*/

.sv-wordmark {

    display: inline-block;

    width: auto;

    max-width: 100%;

    margin: 0;

    padding: 0;

    /*
    Keep the current theme font.

    The actual dedicated Space Vanta
    font can be introduced later
    without changing the structure.
    */

    font-family: inherit;

    font-size: 1rem;

    line-height: 1;

    /*
    Avoid excessive weight.
    Brand character should come
    from the typeface itself.
    */

    font-weight: 500;

    /*
    Controlled editorial spacing.
    */

    letter-spacing: .06em;

    text-transform: uppercase;

    white-space: nowrap;

    vertical-align: baseline;

}


/*
---------------------------------
02. Natural Letter Proportion
---------------------------------
*/

.sv-wordmark {

    transform: none;

    font-stretch: normal;

}


/*
---------------------------------
03. Optical Alignment
---------------------------------
*/

.sv-wordmark {

    text-rendering: geometricPrecision;

    font-kerning: normal;

}


/*
---------------------------------
04. Wordmark Link
---------------------------------
*/

a.sv-wordmark {

    color: inherit;

    text-decoration: none;

}


a.sv-wordmark:hover {

    color: inherit;

    text-decoration: none;

}


/*
---------------------------------
05. Small Wordmark
---------------------------------
*/

.sv-wordmark--small {

    font-size: .75rem;

    line-height: 1.2;

    letter-spacing: .07em;

}


/*
---------------------------------
06. Large Wordmark
---------------------------------
*/

.sv-wordmark--large {

    font-size:
        clamp(24px,
            3vw,
            48px);

    line-height: .95;

    letter-spacing: .04em;

}


/*
---------------------------------
07. Mobile
---------------------------------
*/

@media (max-width: 767px) {

    .sv-wordmark {

        font-size: .72rem;

        letter-spacing: .06em;

    }


    .sv-wordmark--small {

        font-size: .68rem;

        letter-spacing: .07em;

    }


    .sv-wordmark--large {

        font-size:
            clamp(20px,
                7vw,
                32px);

        letter-spacing: .04em;

    }

}


/*
---------------------------------
08. Reduced Motion
---------------------------------
*/

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

    .sv-wordmark {

        transition: none;

    }

}