/* =============================================================
   Footer — 홍다경 Portfolio
   ============================================================= */

.footer {
  background: var(--color-ink);
  color: var(--color-paper);
  border-top: 1px solid var(--color-line-dark);
}
.footer__inner {
  max-width: var(--container); margin: 0 auto; padding: var(--space-16) var(--space-6) var(--space-8);
  display: grid; grid-template-columns: 1.4fr 1fr auto; gap: var(--space-12); align-items: start;
}

/* 브랜드 */
.footer__brand { font-size: 1.4rem; font-weight: var(--fw-extra); letter-spacing: var(--ls-tight); }
.footer__brand .dot { color: var(--color-lime); }
.footer__tag { margin: var(--space-3) 0 0; color: #9aa89a; font-size: .95rem; line-height: 1.6; max-width: 34ch; }
.footer__contact { list-style: none; margin: var(--space-6) 0 0; padding: 0; display: grid; gap: var(--space-2); }
.footer__contact li { display: flex; align-items: center; gap: 9px; font-size: .92rem; color: #9aa89a; }
.footer__contact svg { width: 16px; height: 16px; color: #8a958a; flex: none; }
.footer__contact a { color: #D7DED7; transition: color .2s ease; }
.footer__contact a:hover { color: var(--color-lime); }

/* 메뉴 */
.footer__col h4 {
  font-size: .72rem; font-weight: var(--fw-bold); letter-spacing: .14em;
  color: #8a958a; margin: 0 0 var(--space-4); text-transform: uppercase;
}
.footer__nav { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); }
.footer__nav a { color: #D7DED7; font-size: .95rem; transition: color .2s ease; }
.footer__nav a:hover { color: var(--color-lime); }

/* 소셜 */
.footer__social { display: flex; gap: var(--space-3); }
.footer__icon {
  width: 42px; height: 42px; border-radius: 50%;
  display: grid; place-items: center; color: var(--color-paper);
  border: 1px solid var(--color-line-dark);
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.footer__icon:hover { background: var(--color-lime); color: var(--color-ink); transform: translateY(-2px); border-color: var(--color-lime); }
.footer__icon svg { width: 20px; height: 20px; }

/* 하단 바 */
.footer__actions {
  max-width: var(--container); margin: 0 auto;
  padding: 0 var(--space-6) var(--space-8);
  display: flex; justify-content: flex-end;
}
.footer__top {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: var(--fs-small); font-weight: var(--fw-semibold); color: #9aa89a;
  background: none; border: 0; cursor: pointer; transition: color .2s ease;
}
.footer__top:hover { color: var(--color-lime); }
.footer__top svg { width: 16px; height: 16px; }

@media (max-width: 760px) {
  .footer__inner { grid-template-columns: 1fr; gap: var(--space-8); }
}

/* ---------------- 디자이너 크레딧 (절제·겸손) ---------------- */
.credit {
  background: #0f1611;
  border-top: 1px solid var(--color-line-dark);
  text-align: center;
  padding: var(--space-6) var(--space-6);
  font-family: Georgia, "Times New Roman", serif;
}
.credit__name { font-size: .92rem; font-weight: 700; color: #9aa39a; letter-spacing: .02em; margin: 0 0 4px; }
.credit__tag { font-size: .82rem; color: #6f7a6f; line-height: 1.5; max-width: 60ch; margin: 0 auto 6px; }
.credit__links { font-size: .82rem; font-weight: 700; margin: 0 0 6px; color: #8a958a; }
.credit__links a { color: #8a958a; text-decoration: none; transition: color .2s ease; }
.credit__links a:hover { color: var(--color-lime); }
.credit__copy { font-size: .8rem; color: #5f6a5f; margin: 0; }
.credit__copy span { margin: 0 6px; color: #3f483f; }