/* ============================================================
   footer.css — global footer (injected on every page)
   ============================================================ */

footer.site{border-top:1px solid var(--line);background:var(--bg-alt)}
.footer-in{
  display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;
  padding:72px 0 40px;
}
.footer-brand .fmono{
  font-family:var(--serif);font-size:26px;letter-spacing:.06em;text-transform:uppercase;
  margin-bottom:16px;display:block;
}
.footer-brand p{font-size:14px;color:var(--fg2);max-width:38ch;line-height:1.65}
.footer-brand .avail{margin-top:22px}

.fcol .fcol-h{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg3);font-weight:500;margin-bottom:20px}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:13px}
.fcol ul a{font-size:14.5px;color:var(--fg2);transition:color .2s,padding-left .25s;display:inline-flex}
.fcol ul a:hover{color:var(--accent);padding-left:5px}

.footer-bottom{
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  padding:26px 0 40px;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--fg3);
}
.footer-bottom .fb-soc{display:flex;gap:22px}
.footer-bottom .fb-soc a{color:var(--fg2);transition:color .2s}
.footer-bottom .fb-soc a:hover{color:var(--accent)}

@media(max-width:820px){
  .footer-in{grid-template-columns:1fr 1fr;gap:34px 24px;padding:56px 0 32px}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:520px){
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:14px}
}