footer{ background:var(--ink); color:#C9CFC4; padding:64px 0 32px; }
.footer-top{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; padding-bottom:40px; border-bottom:1px solid #333B32; max-width:960px; margin:0 auto; }
.footer-top .brand{ color:var(--paper); font-size:20px; margin-bottom:14px; }
.footer-top p{ font-size:14px; max-width:32ch; }
.footer-col h4{ color:var(--paper); font-size:14px; margin-bottom:14px; font-weight:600; }
.footer-col ul{ list-style:none; display:flex; flex-direction:column; gap:10px; }
.footer-col a{ font-size:14px; transition:color .15s ease; }
.footer-col a:hover{ color:var(--paper); }
.footer-bottom{ display:flex; justify-content:center; flex-wrap:wrap; gap:12px; padding-top:24px; font-size:13px; color:#7C8574; }

@media (max-width:760px){
  .footer-top{ grid-template-columns:1fr 1fr; }
}
@media (max-width:480px){
  .footer-top{ grid-template-columns:1fr; }
}