/* =============================================================
   footer.css
   ============================================================= */
.site-footer{background:var(--bg-inverse);color:var(--text-inverse);padding-top:var(--space-96)}
.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1.4fr;gap:var(--gap-grid);
  padding-bottom:var(--space-64)}
.footer__brand .brand{color:#fff;margin-bottom:var(--space-16)}
.footer__tagline{color:rgba(244,246,248,.7);font-size:var(--fs-body-sm);max-width:30ch}
.footer__social{display:flex;gap:var(--space-12);margin-top:var(--space-24)}
.footer__social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.16);
  display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);
  transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}
.footer__social a:hover{background:var(--grad-steel);border-color:transparent;color:#fff}
.footer__social svg{width:18px;height:18px}

.footer__col-title{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;
  letter-spacing:.12em;color:rgba(255,255,255,.5);margin-bottom:var(--space-16)}
.footer__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-12)}
.footer__list a{display:inline-block;color:rgba(244,246,248,.78);font-size:var(--fs-body-sm);
  transition:color var(--dur-fast),transform var(--dur-fast) var(--ease-out)}
.footer__list a:hover{color:#fff;transform:translateX(5px)}
.footer__contact{font-size:var(--fs-body-sm);color:rgba(244,246,248,.78);line-height:1.7}
.footer__contact a{color:rgba(244,246,248,.78)}
.footer__contact a:hover{color:#fff}

.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-block:var(--space-32);
  display:flex;flex-wrap:wrap;gap:var(--space-16);align-items:center;justify-content:space-between}
.footer__copy{color:rgba(244,246,248,.6);font-size:var(--fs-body-sm)}
.footer__legal{display:flex;gap:var(--space-24)}
.footer__legal a{color:rgba(244,246,248,.6);font-size:var(--fs-body-sm)}
.footer__legal a:hover{color:#fff}
.footer__credit{color:rgba(244,246,248,.45);font-size:.8125rem}
.footer__credit a{color:rgba(244,246,248,.6)}