/* ===============================
   FOOTER
================================ */

.site-footer{
  border-top: 1px solid var(--border);
  background: var(--surface);
  padding: 2rem 0;
  color: var(--muted);
  font-size: .95rem;
}

.footer-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 1.5rem;
}

.footer-grid strong{
  color: var(--ink);
}

.footer-grid a{
  color: var(--muted);
  text-decoration:none;
}

.footer-grid a:hover{
  color: var(--primary);
  text-decoration: underline;
}

.footer-right{
  display:flex;
  flex-direction:column;
  gap:.5rem;
}

.social-links{
  display:flex;
  gap:.75rem;
  margin-top:.75rem;
}

.social-links img{
  width:22px;
  height:22px;
  opacity:.75;
}

.social-links a:hover img{
  opacity:1;
}

/* Mobile */
@media (max-width: 920px){
  .footer-grid{
    grid-template-columns: 1fr;
  }
}