.site-footer {
  position: relative;
  z-index: 1;
}
.site-footer .block:not(.block-layout-builder) {
  margin-block: var(--sp-l);
}
.site-footer .view {
  filter: saturate(0.2);
}

.site-footer__inner {
  padding-block: var(--sp-xl-2xl);
  display: grid;
  grid-template-columns: 100%;
  gap: var(--sp-l-xl) var(--sp-m-l);
  grid-template-areas: "top" "left" "right" "bottom";
}
.site-footer__inner > .region--footer-top {
  grid-area: top;
}
.site-footer__inner > .region--footer-left {
  grid-area: left;
}
.site-footer__inner > .region--footer-right {
  grid-area: right;
}
.site-footer__inner > .region--footer-bottom {
  grid-area: bottom;
}
@media (width > 75rem) {
  .site-footer__inner {
    grid-template-columns: 33rem 1fr;
    grid-template-areas: "top top" "left right" "bottom bottom";
  }
}

@media (width < 75rem) {
  .region--footer-left {
    border-block-end: medium solid var(--border-color, CurrentColor);
  }
}
@media (width > 75rem) {
  .region--footer-left {
    padding-inline-end: var(--sp-l-xl);
    border-inline-end: medium solid var(--border-color, CurrentColor);
  }
}

.region--footer-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-xl-2xl);
  justify-content: space-between;
}
.region--footer-bottom > nav:last-child:not(:first-child) {
  text-align: right;
}