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

.footer {
    background: var(--color-bg-footer);
    padding: var(--sp-2xl) 0;
    color: var(--color-text-light);
}

.footer__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.footer__logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--sp-sm);
}

.footer__logo-img {
    width: 60px;
    height: auto;
    image-rendering: pixelated;
}

.footer__logo-name {
    font-family: var(--font-pixel);
    font-size: var(--fs-sm);
    line-height: 1.6;
    text-align: center;
}

@media (min-width: 1440px) {
    .footer {
        padding: calc(var(--sp-2xl) + 16px) 0;
    }

    .footer__logo-img {
        width: 80px;
    }

    .footer__logo-name {
        font-size: var(--fs-base);
    }
}