ox;
}

.sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

@media screen and (min-width: 1200px) and (orientation: landscape) {
  .site {
    height: 100%;
    display: grid;
    gap: var(--site-padding);
    grid-template-columns: [side-start] 1fr [side-end patterns-start] minmax(auto, 42%) [patterns-end];
    grid-template-rows: [skip] auto [skip-end header-start] 1fr [header-end footer-start] auto [foo