.footer{
  margin-top: 40px;
  padding: 26px 0 34px;
  border-top: 1px solid var(--line);
  background: rgba(255,255,255,.25);
}
.footer .grid{
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 18px;
}
.footer h4{ margin:0 0 10px; }
.footer p{ margin: 0 0 8px; color: rgba(31,27,22,.70); }
.footer a{ text-decoration: underline; text-underline-offset: 3px; }
@media(max-width: 900px){
  .footer .grid{ grid-template-columns: 1fr; }
}

/* Reveal animations */
.reveal, .stagger{ opacity: 0; transform: translateY(14px); }
.reveal.in, .stagger.in{ opacity: 1; transform: translateY(0); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.stagger.in > *{ animation: pop .65s var(--ease) both; }
@keyframes pop{
  from{ opacity:0; transform: translateY(10px); }
  to{ opacity:1; transform: translateY(0); }
}