.site-footer{background:var(--void-2);color:#AEB3BD;padding:72px 0 28px}
.site-footer .brand{color:#fff}
.footer-top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px;padding-bottom:52px;border-bottom:1px solid #262B36}
.footer-brand p{font-size:.88rem;color:#8B90A0;margin:14px 0 20px;max-width:260px}

.social-row{display:flex;gap:12px}
.social-row a{width:34px;height:34px;border:1px solid #2B303C;border-radius:50%;display:grid;place-items:center;color:#AEB3BD;transition:border-color var(--transition-base)}
.social-row a:hover{border-color:var(--signal)}

.footer-col h4{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#6E7383;margin-bottom:18px}
.footer-col ul{display:flex;flex-direction:column;gap:12px}
.footer-col a{font-size:.88rem;transition:color var(--transition-base)}
.footer-col a:hover{color:var(--paper)}

.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-size:.8rem;color:#6E7383;flex-wrap:wrap;gap:12px}

@media(max-width:980px){
  .footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .footer-top{grid-template-columns:1fr}
}