.footer {
    background: var(--bg);
}

.footer__inner {
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 40px var(--gutter);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.footer__brand {
    font-family: var(--serif);
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 0.02em;
    color: var(--ink);
}

.footer__tag {
    font-family: var(--sans);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--ink-mute);
}

.footer__year {
    font-family: var(--sans);
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ink-faint);
}

@media (max-width: 700px) {
    .footer__inner { flex-direction: column; align-items: flex-start; gap: 12px; }
}