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

Space Vanta Theme 1.0

Module:
Footer Brand

Version:
FOOTER-BRAND-VISUAL-001

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


.sv-footer__brand-area {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr) auto;

    column-gap: 30px;
    row-gap: 9px;

    padding:
        0 0 42px;

    min-width: 0;

    border-bottom:
        1px solid rgba(150, 160, 175, .15);
}


/*
---------------------------------
Brand
---------------------------------
*/

.sv-footer__brand {
    grid-column: 1;

    min-width: 0;

    font-size: 15px;
    font-weight: 600;

    letter-spacing: .16em;
    line-height: 1.2;

    color: inherit;

    text-transform: uppercase;
}


/*
---------------------------------
Descriptor
---------------------------------
*/

.sv-footer__brand-meta {
    grid-column: 1;

    font-size: 9px;
    font-weight: 500;

    letter-spacing: .22em;
    line-height: 1.3;

    color: var(--sv-muted);

    opacity: .58;

    text-transform: uppercase;
}


/*
---------------------------------
Index
---------------------------------
*/

.sv-footer__brand-index {
    grid-column: 2;
    grid-row: 1 / span 2;

    align-self: start;

    font-size: 9px;
    font-weight: 500;

    letter-spacing: .16em;
    line-height: 1.2;

    color: var(--sv-muted);

    opacity: .48;
}


/*
---------------------------------
Mobile
---------------------------------
*/

@media(max-width:767px) {

    .sv-footer__brand-area {
        padding-bottom: 30px;

        column-gap: 18px;
    }

    .sv-footer__brand {
        font-size: 14px;
    }

}