.works-all {
  display: none;
}

@media screen and (min-width: 768px),
print {
  .works-all {
    display: block;
  }

  .section-works .section-lead {
    max-width: 46rem;
  }

  .works-all {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }

  .works-sub1 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }

  .works-sub2 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }

  .works-sub3 {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
  }

  .works-sub4 {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }

  .works-sub5 {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
  }

  .works-sub6 {
    grid-column: 3 / 4;
    grid-row: 3 / 4;
  }

  .works-sub7 {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
  }

  .works-sub8 {
    grid-column: 2 / 3;
    grid-row: 4 / 5;
  }

  .works-sub9 {
    grid-column: 3 / 4;
    grid-row: 4 / 5;
  }

}

@media (max-width: 767px) {
  ul[role="list"].works-categories {
    margin-bottom: var(--space-10);
  }
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
  .project-list {
    grid-template-columns: repeat(2, 1fr);
  }
}