/* ===== Footer ===== */
.footer { background: var(--color-bg-alt); padding: 64px 0; margin-top: 64px; }
.footer__grid {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 48px;
}
.footer__brand { font-size: 28px; font-weight: 700; color: var(--color-primary); }
.footer__links { display: flex; flex-direction: column; gap: 8px; }
.footer__links a {color: var(--color-text-secondary); font-size: 14px; }
.footer__links a:hover { color: var(--color-primary); }
.footer__contact{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer__contact p { margin: 0 0 0 0; font-size: 14px; opacity: 0.7; }
.footer__social { display: flex; flex-direction: column; gap: 12px; align-self: center;}
.footer__social a {color: var(--color-text-secondary); font-size: 14px; font-weight: 500; }

.footer_logo {
  width: 210px;
  height: 100px;
  align-self: center;
  justify-content: center;
}