.msf-footer {
    padding-block: var(--msf-space-2xl);
    color: var(--msf-white);
    background: var(--msf-text);
}

.msf-footer > .inner {
    display: grid;
    grid-template-columns: 44% 24% 24%;
    column-gap: 4%;
}

.msf-footer__identity {
    display: grid;
    align-content: start;
    gap: var(--msf-space-md);
}

.msf-footer__identity p {
    color: var(--msf-border);
}

.msf-footer__brand {
    display: inline-flex;
    align-items: center;
    gap: var(--msf-space-md);
    color: var(--msf-white);
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
}

.msf-footer__brand img {
    width: 4.5rem;
    flex: 0 0 auto;
}

.msf-footer ul {
    display: grid;
    gap: var(--msf-space-sm);
    padding: 0;
    margin: 0;
    list-style: none;
}

.msf-footer a {
    color: var(--msf-white);
    text-decoration-color: transparent;
}

.msf-footer a:hover {
    text-decoration-color: currentColor;
}

.msf-footer__legal a {
    display: inline-flex;
    gap: var(--msf-space-xs);
}

@media (max-width: 48rem) {
    .msf-footer > .inner {
        grid-template-columns: 100%;
        row-gap: var(--msf-space-xl);
    }
}