.page-projectx { --page-top: 74px; }
.page-projectx .project-x { display: flex; flex-direction: column; width: 628px; max-width: 100%; margin: auto; }
.page-projectx .project-x-heading { margin: 56px 14px 0; }
.page-projectx .project-x-heading .desktop-only { margin-top: 35px; }
.page-projectx .project-x-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 278px)); gap: 45px; margin: 23px 14px 0; }
.page-projectx .project-x-copy .copy:nth-child(2) { margin-top: -18px; }
.page-projectx .related { width: 612px; max-width: 100%; margin: 110px auto 0; }
@media (max-width: 599px) {
  .page-projectx .project-x-heading { order: 0; margin: 0; }
  .page-projectx .project-x-art { order: 1; margin-top: 24px; }
  .page-projectx .project-x-copy { order: 2; display: block; margin: 32px 0 0; }
  .page-projectx .project-x-copy .copy:nth-child(2) { margin-top: 20px; }
}