/* Site footer: brand, three link columns, social icons. */
.site-footer{flex-shrink:0;border-top:1px solid var(--line);padding:40px 0 48px;background:var(--bg)}
.site-footer .wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:30px;align-items:start}
.footer-tagline{font-size:12px;color:var(--muted);margin-top:18px}
.footer-heading{font-size:12px;font-weight:600;margin-bottom:8px}
.site-footer ul{list-style:none;font-size:12px;color:var(--muted);line-height:1.7}
.site-footer ul a:hover{color:var(--ink)}
.social{display:flex;gap:20px;align-self:center}
.social svg{width:18px;height:18px;fill:var(--ink)}

@media (max-width:1100px){
  .site-footer .wrap{grid-template-columns:1fr 1fr 1fr;row-gap:32px}
  .footer-brand{grid-column:1/-1}
  .social{grid-column:1/-1;justify-self:start}
}
@media (max-width:600px){
  .site-footer .wrap{grid-template-columns:1fr 1fr}
}