px) and (orientation: landscape) {
  .site__patterns {
    grid-column: patterns-start/patterns-end;
    grid-row: header-start/footer-end;
    padding-inline: 0;
    height: 100%;
    overflow-y: auto;
  }
}
.site__footer {
  padding: var(--site-padding);
}
@media screen and (min-width: 1200px) and (orientation: landscape) {
  .site__footer {
    grid-column: side-start/side-end;
    grid-row: footer-start/footer-end;
  }
}
.site.vers--page {
  display: flex;
  flex-direction: column;
}
@media screen and (