/* ================================================================
   FOOTER
   ================================================================ */
footer {
  background: var(--off-black);
  border-top: var(--border);
  padding: 64px var(--page-gutter) 32px;
}
.footer-top {
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 48px; margin-bottom: 56px;
}
.footer-logo {
  font-family: var(--ff-display); font-size: 28px; font-weight: 900;
  letter-spacing: 0.04em; text-transform: uppercase; color: var(--white);
  margin-bottom: 14px;
}
.footer-logo em { font-style: italic; font-weight: 400; color: var(--gray); }
.footer-tagline {
  font-size: 13px; color: var(--gray); line-height: 1.7; max-width: 260px;
}
.footer-col-title {
  font-size: 9px; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--mid-gray); margin-bottom: 20px;
}
.footer-link {
  display: block; font-size: 13px; color: var(--gray);
  margin-bottom: 10px; cursor: none; transition: color var(--speed-fast);
}
.footer-link:hover { color: var(--white); }
.footer-bottom {
  border-top: var(--border); padding-top: 28px;
  display: flex; justify-content: space-between; align-items: center;
}
.footer-copy { font-size: 11px; color: var(--dark-gray); letter-spacing: 0.06em; }