footer { background: var(--ink); color: var(--white); padding: 80px 0 0; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 60px; }
.footer-brand > img { height: 48px; width: auto; margin-bottom: 16px; }
.footer-social img { filter: none; width: 24px; height: 24px; }
.footer-brand p { font-size: 13px; line-height: 1.7; color: rgba(255,255,255,.45); margin-bottom: 24px; }
.footer-social { display: flex; gap: 10px; }
.footer-social a { 
    width: 38px; height: 38px; border-radius: 10px;
    background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1);
    display: flex; align-items: center; justify-content: center;
    font-size: 16px; transition: background .2s;
}
.footer-social a:hover { background: var(--gold); }
.footer-col h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: rgba(255,255,255,.35); margin-bottom: 20px; }
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.footer-col ul li a { font-size: 14px; color: rgba(255,255,255,.6); transition: color .2s; }
.footer-col ul li a:hover { color: var(--gold); }
.footer-bottom {
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 24px 0;
    display: flex; align-items: center; justify-content: space-between;
}
.footer-bottom p { font-size: 12px; color: rgba(255,255,255,.3); }
.footer-bottom .gold { color: var(--gold); }
.footer-legal a { font-size: 12px; color: rgba(255,255,255,.3); transition: color .2s; }
.footer-legal a:hover { color: var(--gold); }
@media (max-width: 1024px) {
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
}
@media (max-width: 768px) {
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
}