/* ---------- footer ---------- */
.site-footer { border-top: 1px solid var(--line); padding: 48px 0 60px; position: relative; z-index: 1; }
.ft-in { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; flex-wrap: wrap; }
.ft-in > .ft-brand { max-width: 34ch; }
.ft-brand p { color: var(--muted); font-size: 14px; margin: 14px 0 0; }
.ft-links { display: flex; gap: 40px; flex-wrap: wrap; }
.ft-col { display: flex; flex-direction: column; gap: 11px; }
.ft-col b { font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--faint); font-weight: 500; }
.ft-col a { color: var(--muted); font-size: 14px; }
.ft-col a:hover { color: var(--text); }
.ft-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.ft-base {
  margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line-2);
  display: flex; justify-content: space-between; font-family: var(--font-mono);
  font-size: 12px; color: var(--faint); flex-wrap: wrap; gap: 10px;
}