/* Site footer */
.site-footer{
  border-top:1px solid var(--color-border);
  background:linear-gradient(180deg,rgba(7,13,22,.7),var(--color-bg));
  padding-block:clamp(3rem,6vw,5rem) var(--space-lg);
  margin-top:0;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.5fr repeat(4,1fr);
  gap:clamp(1.5rem,3vw,3rem);
  padding-bottom:clamp(2rem,4vw,3.5rem);
  border-bottom:1px solid var(--color-border);
}
.footer-brand > p{
  margin:var(--space-md) 0;
  color:var(--color-text-secondary);
  font-size:.92rem;
  max-width:40ch;
  line-height:1.65;
}
.footer-col h2{
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--color-primary);
  margin-bottom:var(--space-md);
}
.footer-col li{margin-bottom:.62rem}
.footer-col a,
.footer-col span{
  font-size:.9rem;
  color:var(--color-text-secondary);
  transition:color var(--t-fast);
  line-height:1.55;
}
.footer-col a:hover{color:var(--color-primary)}

.socials{display:flex;gap:.6rem;flex-wrap:wrap}
.socials a{
  width:38px;height:38px;
  display:grid;place-items:center;
  border:1px solid var(--color-border);
  border-radius:50%;
  color:var(--color-text-secondary);
  transition:all var(--t-fast);
}
.socials svg{width:16px;height:16px}
.socials a:hover{
  border-color:var(--color-border-strong);
  background:rgba(25,199,242,.1);
  color:var(--color-primary);
  transform:translateY(-2px);
}

.footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-md);
  flex-wrap:wrap;
  padding-top:var(--space-lg);
  font-size:var(--fs-small);
  color:var(--color-text-secondary);
}
.footer-bottom ul{display:flex;gap:var(--space-md);flex-wrap:wrap}
.footer-bottom a:hover{color:var(--color-primary)}