footer{
  position:relative; z-index:1;
  border-top:1px solid var(--line);
  background:var(--bg-deep);
  padding:52px 24px 30px;
}
.footer-inner{max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1.3fr 1fr; gap:40px;}
.footer-inner h2{font-size:20px; margin-bottom:10px;}
.footer-inner .lede{color:var(--text-dim); font-size:14px; max-width:44ch;}
.footer-email{
  display:inline-block; margin-top:18px; font-family:'IBM Plex Mono'; font-size:14px;
  color:var(--cyan); border-bottom:1px solid var(--cyan-dim); padding-bottom:2px;
}
.footer-email:hover{color:#7cf3f0;}
.social-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.social-link{
  display:flex; align-items:center; gap:10px;
  border:1px solid var(--line); padding:12px 14px; border-radius:var(--radius);
  font-size:13.5px; color:var(--text-dim);
}
.social-link svg{width:17px; height:17px; flex-shrink:0;}
.social-link:hover{border-color:var(--pink); color:var(--text);}
.footer-base{
  max-width:1180px; margin:36px auto 0; padding-top:20px; border-top:1px solid var(--line);
  display:flex; justify-content:space-between; color:var(--text-faint); font-size:12px;
  font-family:'IBM Plex Mono';
}

@media (max-width:860px){
  .footer-inner{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .social-grid{grid-template-columns:1fr;}
}