.site-footer {
    padding: var(--space-large) var(--space-default);

    display: grid;
    align-items: start;
    gap: var(--space-large);
    grid-template-columns: repeat(8, 1fr);

    background-color: #fcf9f5; /*f9faf4*/
}

.site-footer__brand {
    grid-column: 3 / span 1;
}

.site-footer__logo {
    max-height: 40px;
    width: auto;
}

.site-footer__mission {
    grid-column: span 1;
}

.site-footer__mission p {
    font-size: 0.9em;
    line-height: 150%;
    margin-bottom: var(--space-default)
}

.site-footer__mission p:last-child {
    margin-bottom: 0;
}

.footer-navigation {
    grid-column: 6 / span 1;
}

.footer-navigation__items {
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: var(--space-small);
    height: inherit;
    text-align: right;
}

.footer-navigation__link {
    color: var(--base-link-color);
}