@media (max-width: 850px) {
  .work-list .work,
  .work-list .work:nth-child(even) {
    display: flex;
    flex-direction: column;
  }

  .work-list .work-copy,
  .work-list .work-copy > div:not(.work-bottom) {
    display: contents;
  }

  .work-list .work-copy > div:not(.work-bottom) > h3,
  .work-list .work-copy .work-text-link {
    order: 1;
    margin: 0;
    padding: 56px 20px 16px;
  }

  .work-list .work-copy .work-text-link h3 {
    padding: 0;
  }

  .work-list .work-copy > .eyebrow {
    order: 2;
    margin: 0;
    padding: 0 20px 28px;
  }

  .work-list .work .work-media,
  .work-list .work:nth-child(even) .work-media {
    order: 3;
  }

  .work-list .work-copy > div:not(.work-bottom) > p {
    order: 4;
    margin: 0;
    padding-right: 20px;
    padding-left: 20px;
  }

  .work-list .work-copy > div:not(.work-bottom) > p:first-of-type {
    padding-top: 42px;
  }

  .work-list .work-copy > div:not(.work-bottom) > p + p {
    padding-top: 24px;
  }

  .work-list .work-copy > .work-bottom {
    order: 5;
    margin: 0;
    padding: 40px 20px 56px;
  }

  .work-list .work:not(:has(.work-bottom)) .work-copy > div > p:last-child {
    padding-bottom: 56px;
  }
}

@media (max-width: 560px) {
  .work-list .work-copy h3 {
    font-size: clamp(42px, 13vw, 62px);
    line-height: .94;
  }
}