/* =====================================================================
   footer.css — Site Footer v3
   ===================================================================== */
.site-footer {
  background:    var(--clr-dark);
  color:         var(--clr-ink-inv);
  padding-block: clamp(64px,8vw,112px) var(--sp-40);
}
.footer-top {
  max-width:var(--w-full); margin-inline:auto; padding-inline:var(--pad-x);
  display:grid;
  grid-template-columns: 1.9fr 1fr 1fr 1fr;
  gap:var(--sp-48);
  padding-bottom:var(--sp-56);
  border-bottom:1px solid var(--clr-line-dark);
}
.footer-brand__name {
  font-size:var(--fs-h4); font-weight:var(--fw-black);
  letter-spacing:var(--ls-tight); color:var(--clr-ink-inv);
  white-space:nowrap;
}
.footer-brand__en {
  font-family:var(--font-mono); font-size:8px;
  letter-spacing:.22em; text-transform:uppercase;
  color:var(--clr-ink-inv-2); margin-top:var(--sp-4); display:block;
}
.footer-brand p {
  margin-top:var(--sp-20); font-size:var(--fs-caption);
  color:var(--clr-ink-inv-2); line-height:var(--lh-loose); max-width:270px;
  word-break:keep-all;
}
.footer-gold { width:32px; height:1.5px; background:var(--clr-gold); margin-top:var(--sp-20) }
.footer-col h5 {
  font-size:var(--fs-label); font-family:var(--font-mono);
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--clr-gold); margin-bottom:var(--sp-16);
}
.footer-col a,
.footer-col p {
  display:block; font-size:var(--fs-caption);
  color:var(--clr-ink-inv-2); line-height:2.1;
  transition:color var(--dur-fast);
}
.footer-col a:hover { color:var(--clr-ink-inv) }
.footer-bottom {
  max-width:var(--w-full); margin-inline:auto;
  padding:var(--sp-24) var(--pad-x) 0;
  display:flex; justify-content:space-between;
  flex-wrap:wrap; gap:var(--sp-12);
  font-size:var(--fs-label); color:rgba(247,245,240,.3);
  font-family:var(--font-mono); letter-spacing:.02em;
}
.footer-bottom a { color:inherit; transition:color var(--dur-fast) }
.footer-bottom a:hover { color:var(--clr-ink-inv-2) }
@media(max-width:1100px) { .footer-top { grid-template-columns:1fr 1fr; gap:var(--sp-32) } }
@media(max-width:640px)  { .footer-top { grid-template-columns:1fr } .footer-bottom { flex-direction:column; gap:var(--sp-8) } }