.site-footer { margin-top: 0; border-top: 1px solid var(--border); background: var(--charcoal); }
.footer-inner { max-width: 1280px; margin: 0 auto; padding: 64px 32px 24px; }
.footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 48px; padding-bottom: 52px; }
.footer-brand h3, .footer-column h3 { margin: 0 0 16px; color: var(--ivory); font-size: 12px; letter-spacing: .2em; }
.footer-logo { display: block; width: min(230px, 100%); height: auto; margin: 0 0 18px; object-fit: contain; }
.footer-brand p, .footer-column a, .footer-bottom p { color: var(--muted); font-size: 13px; }
.footer-column ul { margin: 0; padding: 0; list-style: none; }
.footer-column li { margin-bottom: 9px; }
.footer-column a { text-decoration: none; transition: color .25s ease; }
.footer-column a:hover { color: var(--gold); }
.social-links { display: flex; gap: 10px; }
.social-links a { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid var(--border); border-radius: 50%; color: var(--gold); font-size: 10px; letter-spacing: .08em; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 22px; border-top: 1px solid rgba(185, 154, 99, .16); }
@media (max-width: 700px) { .footer-inner { padding: 44px 20px 20px; } .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; } .footer-bottom { display: block; } }