/* Site footer */
.vp-site-footer {
  background: #fff;
  color: var(--vp-color-grey-700, #555);
}

.vp-site-footer__inner { padding: 6rem 0 2.5rem; }
.vp-site-footer__main { display: grid; grid-template-columns: minmax(20rem, 1fr) minmax(0, 1.45fr); gap: 8rem; }
.vp-site-footer__logo { display: inline-block; width: 23rem; max-width: 100%; }
.vp-site-footer__logo img { display: block; width: 100%; height: auto; }
.vp-site-footer__brand-column > p { max-width: 34rem; margin: 3rem 0 0; font-size: 1rem; line-height: 1.55; }
.vp-site-footer__socials { display: flex; gap: 1.75rem; margin-top: 4rem; }
.vp-site-footer__socials a { display: grid; width: 1.5rem; height: 1.5rem; place-items: center; text-decoration: none; }
.vp-site-footer__socials img { display: block; width: 100%; height: 100%; object-fit: contain; }
.vp-site-footer__links { display: grid; grid-template-columns: .8fr 1.4fr 1.2fr; gap: 3rem; }
.vp-site-footer__links h2 { margin: .5rem 0 2.5rem; color: var(--vp-color-grey-700, #555); font-size: 1.125rem; font-weight: 600; }
.vp-site-footer__links ul { display: grid; gap: 1.5rem; margin: 0; padding: 0; list-style: none; }
.vp-site-footer__links a { color: var(--vp-color-grey-600, #666); font-size: 1rem; text-decoration: none; }
.vp-site-footer__links a:hover { color: var(--vp-color-red, #f00); }
.vp-site-footer__bottom { display: flex; align-items: center; gap: 1rem; margin-top: 6rem; padding: 2rem 0 2.5rem; border-top: 1px solid #ededed; color: var(--vp-color-grey-600, #666); font-size: .875rem; }
.vp-site-footer__bottom p, .vp-site-footer__bottom a { margin: 0; color: inherit; text-decoration: none; }

@media (max-width: 48rem) {
  .vp-site-footer__inner { padding: 4rem 0 2rem; }
  .vp-site-footer__main { display: block; }
  .vp-site-footer__logo { width: 16rem; }
  .vp-site-footer__brand-column > p { margin-top: 2rem; }
  .vp-site-footer__socials { margin-top: 2.5rem; }
  .vp-site-footer__links { grid-template-columns: repeat(2, 1fr); gap: 2.5rem 1.5rem; margin-top: 4rem; }
  .vp-site-footer__links h2 { margin: 0 0 1.5rem; }
  .vp-site-footer__links ul { gap: 1rem; }
  .vp-site-footer__bottom { flex-wrap: wrap; gap: .5rem .75rem; margin-top: 4rem; }
}