.site-footer { background: var(--bg); border-top: 1px solid var(--ink-line-soft); padding: var(--space-7) 0 var(--space-5); margin-top: var(--space-9); }
.footer-inner { display: grid; grid-template-columns: 1fr 2fr; gap: var(--space-6); }
.footer-brand .brand { font-family: var(--font-display); font-size: 20px; font-weight: var(--fw-display-bold); color: var(--ink); }
.footer-tagline { color: var(--ink-soft); font-size: var(--fs-meta); margin-top: var(--space-3); }
.footer-nav { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); }
.footer-col h6 { font-family: var(--font-display); font-size: var(--fs-eyebrow); font-weight: var(--fw-display-bold); letter-spacing: 0.15em; text-transform: uppercase; color: var(--ink-mute); margin: 0 0 var(--space-3); }
.footer-col a { display: block; color: var(--ink-soft); font-size: var(--fs-meta); padding: var(--space-2) 0; transition: color var(--dur-fast); }
.footer-col a:hover { color: var(--ink); }
.footer-meta { margin-top: var(--space-6); padding-top: var(--space-4); border-top: 1px solid var(--ink-line-soft); color: var(--ink-mute); font-size: var(--fs-eyebrow); font-family: var(--font-display); letter-spacing: 0.1em; text-transform: uppercase; }
@media (max-width: 720px) { .footer-inner { grid-template-columns: 1fr; } }