.site-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.02);
}

.footer-inner {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: var(--max);
    margin: 0 auto;
    padding: 20px 16px 28px;
}

.footer-brand,
.footer-meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.footer-brand strong {
    font-size: 15px;
}

.footer-brand span,
.footer-meta span {
    color: var(--muted);
    font-size: 13px;
}

@media (min-width: 768px) {
    .footer-inner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 22px 24px 30px;
    }
}