/* ==========================================================================
   FOOTER
========================================================================== */

.site-footer {
    padding-top: var(--space-120);
    padding-bottom: var(--space-64);

    background-color: var(--color-surface);

    border-top: 1px solid var(--color-border);
}

.site-footer__inner {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: var(--space-48);
}

.site-footer__title {
    margin-bottom: var(--space-16);
}

.site-footer a {
    color: var(--color-text-muted);
}

.site-footer a:hover {
    color: var(--color-primary);
}