.ftr.v10 {

    /* -- Font overrides ------------------------ */

    /* Headline: Figma 36px Rubik 700 uppercase (default fnt_t-co is 3.1rem/~50px) */
    --fnt-t-co-s-d: 2.25rem;
    --fnt-t-co-tt: uppercase;

    /* Emergency label: Figma 20px Rubik 700 uppercase (default fnt_t-6 is 1rem) */
    --fnt-t-6-s-d: 1.25rem;
    --fnt-t-6-tt: uppercase;

    /* License text: Figma 16px Ubuntu 700 (default fnt_t-3 is 1.333rem/~21px) */
    --fnt-t-3-s-d: 1rem;

    /* Card values: Figma 20px weight 600 (default fnt_t-5 is 1.111rem/~18px weight 400) */
    --fnt-t-5-s-d: 1.11rem;
    --fnt-t-5-w: 600;

    /* Card labels: tag with custom overrides */
    .tag.cstm {
        --tag-s-d: 0.75rem;
        --tag-tt: uppercase;
        --tag-ls: 0.05em;
    }

    /* Follow Us label: fnt_t-nt with custom overrides */
    .fnt_t-nt.cstm {
        --fnt-t-nt-s-d: 0.75rem;
        --fnt-t-nt-tt: uppercase;
        --fnt-t-nt-ls: 0.1em;
    }

    /* -- Color overrides ----------------------- */

    /* License text: text color at 60% opacity */
    .ftr-v10-license {
        color: hsl(from var(--text-color) h s l / 0.6);
    }

    /* Subtitle text at 90% */
    .ftr-v10-subtext {
        color: hsl(from var(--text-color) h s l / 0.9);
        font-size: .84rem;
        line-height: 1.25;
        margin: 0;
    }

    /* -- Emergency top bar ---------------------- */
    .ftr-v10-bar {
        .cstm {
            font-size: 2.3rem;
        }
    }

    .ftr-v10-bar-left {
        gap: 1rem;
    }

    .ftr-v10-cta {
        gap: 1rem;
        padding: 1.125rem 1.5rem;
        background: var(--accent);
        border-radius: 0.5rem;
        text-decoration: none;
    }

    /* -- Main body ----------------------------- */

    .ftr-v10-body {
        padding-block: 2.5rem;
        gap: 2.5rem;
        text-align: center;
    }

    .ftr-v10-header {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }

    /* -- Contact cards ------------------------- */

    .ftr-v10-cards {
        svg {
            font-size: 2.67rem;
        }

        @media screen and (min-width:1280px) {
            & {
                padding-inline: 8.9rem;

                .fnt_nv-sec {
                    max-width: 50%;
                    margin-inline: auto;
                }
            }
        }
    }

    /* Card label color: text at 60% */
    .ftr-v10-crd .tag.cstm {
        color: hsl(from var(--text-color) h s l / 0.6);
        padding: 0;
        border: none;
    }

    @media screen and (min-width: 1280px) {
        .ftr-v10-crd .pd_h.pd_v {
            padding: 1.56rem;
        }
    }

    /* -- Navigation ---------------------------- */

    .ftr-v10-nav {
        align-self: stretch;
        padding-block: 1.2rem;

        ul {
            gap: 1.2rem;
        }

        @media screen and (min-width:1280px) {

            li + li::before {
                content: '•';
                margin-right: 1.2rem;
                color: hsl(from var(--text-color) h s l / 0.2);
            }
        }

        a {
            color: hsl(from var(--text-color) h s l / 0.7);
        }
    }

    /* -- Social icons -------------------------- */

    .ftr-v10-social {
        gap: 1rem;
    }

    .ftr-v10-social .fnt_t-nt.cstm {
        color: hsl(from var(--text-color) h s l / 0.6);
    }

    .ftr-v10-socials {
        gap: 0.75rem;
    }

    .so-lk {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 50%;
        background: var(--callout);

        svg {
            width: 1.1rem;
            height: 1.1rem;
            color: var(--text-alt);
        }
    }

    @media screen and (min-width:1280px) {
        & {
            --fnt-t-co-s: 2.25rem;
            --fnt-t-6-s: 1.05rem;
            --fnt-t-3-s: 1rem;
            --fnt-t-5-s: 1.11rem;
        }
    }

    

}