.footer-column-container {
    display: grid;
    gap: calc(var(--spacing-unit) * 4);
    grid-template-columns: repeat(auto-fit, minmax(calc(var(--spacing-unit) * 16), 1fr));
}

.footer-link:hover { font-weight: bold; }

.footer-footer {
    background-image: linear-gradient(90deg, var(--color-primary), var(--color-complementary));
    position: relative;
    overflow: hidden;
}

.footer-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/assets/images/texture.png");
    background-repeat: repeat;
    background-size: calc(var(--spacing-unit) * 8) calc(var(--spacing-unit) * 6.5);
    opacity: 0.1;
    pointer-events: none;
}

.footer-footer i {
    color: white;
    font-size: calc(var(--spacing-unit) * 2);
}