/* ============================================================
   FOOTER
============================================================ */
/* The contact chapter already closes on 120px of section padding, so the
   footer only needs enough of a gap to read as a separate register. */
.site-footer{
  border-top:1px solid var(--line);padding:64px 0 32px;margin-top:40px;
}
.footer-top{display:grid;grid-template-columns:1.4fr repeat(3, 1fr);gap:40px;padding-bottom:48px;border-bottom:1px solid var(--line);}
.footer-brand .brand{margin-bottom:20px;}
.footer-tag{color:var(--ink-dim);font-size:14px;max-width:280px;line-height:1.55;}
.footer-col h4{ margin-bottom:18px; font-family:var(--font-display); font-size:14px; font-weight:600; letter-spacing:-0.01em; color:var(--ink); }
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-col a{font-size:14px;color:var(--ink-dim);transition:color .25s ease;}
.footer-col a:hover{color:var(--ink);}
.footer-bottom{padding-top:28px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--ink-mute);flex-wrap:wrap;gap:12px;}

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