/* ============================================================ FOOTER */
.footer{padding-block:var(--s-10) var(--s-7);}
.footer__top{display:grid;gap:var(--s-9) var(--gutter);}
@media (min-width:768px){.footer__top{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.footer__top{grid-template-columns:5fr 3fr 4fr;}}
.footer__desc{margin-top:var(--s-5);color:var(--ink-soft);font-size:var(--fs-sm);max-width:36ch;}
.footer__h{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-micro);
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);}
.footer__list{margin-top:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);}
.footer__list a{text-decoration:none;font-size:var(--fs-sm);color:var(--ink-soft);
  transition:color var(--t-micro) var(--ease-ui);width:fit-content;}
.footer__list a:hover{color:var(--accent);}
.footer__bottom{
  margin-top:var(--s-10);padding-top:var(--s-5);
  border-top:var(--border) solid var(--line);
  display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-6);justify-content:space-between;
  font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.06em;
  color:var(--ink-faint);
}
.footer__bottom a{text-decoration:none;}
.footer__bottom a:hover{color:var(--accent);}