.site-footer { background: var(--color-ink); color: rgba(247,244,239,0.7); padding-block: var(--space-xl) var(--space-lg); }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 40px; }
.site-footer h4 { font-family: var(--font-body); font-weight: 700; font-size: 0.85rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-paper); margin-bottom: 18px; }
.footer-brand__logo { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 18px; background: #fff; padding: 14px 20px; border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.footer-brand__logo img { height: 54px; width: auto; }
.footer-brand__logo span { font-family: var(--font-display); font-size: 1.15rem; color: var(--color-ink); }
.footer-brand p { font-size: 0.95rem; max-width: 34ch; color: rgba(247,244,239,0.82); }
.site-footer ul { display: flex; flex-direction: column; gap: 10px; }
.site-footer a:hover { color: var(--color-accent-soft); }
.footer-contact a, .footer-contact p { display: block; color: rgba(247,244,239,0.7); font-size: 0.95rem; line-height: 1.7; }
.footer-contact a:hover { color: var(--color-accent-soft); }
.footer-bottom { margin-top: var(--space-lg); padding-top: 24px; border-top: 1px solid rgba(247,244,239,0.12); display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; font-size: 0.85rem; color: rgba(247,244,239,0.5); }
.footer-bottom a:hover { color: var(--color-accent-soft); }
@media (max-width: 860px) { .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; } }
@media (max-width: 520px) { .footer-grid { grid-template-columns: 1fr; } }