/* =============================================
   FOOTER — footer.css
   ============================================= */
footer { background: var(--black); padding: 52px 5% 28px; }
.footer-top { display:flex; justify-content:space-between; align-items:flex-start; gap:40px; flex-wrap:wrap; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,0.1); max-width:var(--container); margin:0 auto; }
.footer-brand img { height:44px; width:44px; border-radius:6px; object-fit:cover; margin-bottom:12px; }
.footer-brand .brand-name { color:var(--white); font-family:var(--font-serif); font-size:18px; margin-bottom:8px; }
.footer-brand p { font-size:13px; color:rgba(255,255,255,0.5); max-width:240px; line-height:1.75; }
.footer-col h4 { color:var(--white); font-size:12px; font-weight:600; letter-spacing:1.2px; text-transform:uppercase; margin-bottom:16px; }
.footer-col a, .footer-col .social-link { display:flex; align-items:center; gap:9px; font-size:13px; color:rgba(255,255,255,0.5); margin-bottom:10px; transition:color 0.2s; text-decoration:none; }
.footer-col a:hover { color:var(--white); }
.footer-col .social-link svg { width:17px; height:17px; flex:0 0 17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.footer-col .social-link:hover { color:var(--white); }
.footer-bottom { max-width:var(--container); margin:0 auto; padding-top:24px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.footer-bottom p, .footer-bottom a { font-size:12px; color:rgba(255,255,255,0.3); }
.footer-bottom a:hover { color:rgba(255,255,255,0.7); }