footer       { margin-top: var(--section-gap); padding-bottom: var(--space-8); }
footer .grid { display: grid; grid-template-columns: 3fr 1fr 1fr;
               gap: var(--space-12); padding-bottom: var(--space-12); }
footer h5    { margin: 0 0 var(--space-4); }
footer ul    { list-style: none; padding: 0; margin: 0;
               display: flex; flex-direction: column; gap: var(--space-3); }

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