.footer {
  background: var(--primary);
  color: rgba(255,255,255,.7);
  padding: 48px 0 32px;
}
.footer__top {
  display: flex; align-items: flex-start;
  justify-content: space-between; flex-wrap: wrap; gap: 24px;
  padding-bottom: 32px; margin-bottom: 32px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.footer__tagline {
  font-size: .8125rem; color: rgba(255,255,255,.5); margin-top: 8px;
}
.footer__links { display: flex; gap: 32px; flex-wrap: wrap; }
.footer__link {
  font-size: .875rem; color: rgba(255,255,255,.7);
  transition: color var(--ease);
}
.footer__link:hover { color: var(--accent); }
.footer__social { display: flex; gap: 12px; }
.soc-btn {
  width: 36px; height: 36px; border-radius: 8px;
  background: rgba(255,255,255,.08);
  display: flex; align-items: center; justify-content: center;
  color: #fff; transition: all var(--ease);
}
.soc-btn:hover {
  background: var(--accent); color: var(--primary);
  transform: translateY(-2px);
}
.footer__bottom {
  display: flex; align-items: center;
  justify-content: space-between; flex-wrap: wrap; gap: 12px;
}
.footer__copy { font-size: .8125rem; }
.footer__loc {
  font-size: .8125rem; display: flex;
  align-items: center; gap: 6px;
}

@media (max-width: 768px) {
  .footer__top    { flex-direction: column; align-items: flex-start; }
  .footer__bottom { flex-direction: column; align-items: flex-start; }
}