footer.footer{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 25;
  transform: translateY(calc(var(--pinned-hero-height) + var(--scroll-content-height) - var(--scroll-y)));
  will-change: transform;
}