/* ---- footer -------------------------------------------------------------- */

.foot {
  border-top: 1px solid var(--line-soft);
  padding-block: clamp(26px, 3.4vw, 40px);
}

.foot__in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px 28px;
}

.foot__mark {
  display: flex;
  align-items: center;
  gap: 0.55em;
}
.foot__mark img { width: 26px; height: 26px; object-fit: contain; }
.foot__word {
  font-family: var(--mark);
  font-weight: 600;
  font-size: 0.9rem;
  letter-spacing: -0.015em;
}

.foot__nav { display: flex; flex-wrap: wrap; gap: 22px; }
.foot__nav a {
  font-size: var(--fs-xs);
  color: var(--bone-soft);
  transition: color var(--dur-1) var(--ease);
}
.foot__nav a:hover { color: var(--bone); }

.foot__meta {
  font-family: var(--mono);
  font-size: var(--fs-micro);
  letter-spacing: 0.04em;
  color: var(--bone-dim);
}