/* Home "Selected work" on phones: one consistent card pattern —
   cover, number, title, proof line. Same sizes and spacing for every card. */
@media (max-width: 1023px) {
  .work-grid .work-card { display: flex !important; flex-direction: column; align-items: stretch; gap: 0 !important; row-gap: 0 !important; }
  .work-grid .work-card__body { display: contents !important; }
  .work-grid .work-card__display { display: none !important; }
  .work-grid .work-card__visual { order: 0; margin: 0 !important; width: 100% !important; max-width: none !important; transform: none !important; }
  .work-grid .work-card__index {
    order: 1; position: static !important; transform: none !important;
    margin: 18px 0 8px !important; padding: 0;
    font: 600 12px/1.2 var(--font-sans, "Manrope", sans-serif) !important; letter-spacing: .1em; color: var(--sand-text, #5e5c58);
  }
  .work-grid .work-card__title { order: 2; margin: 0 !important; font-size: 26px !important; line-height: 1.15 !important; letter-spacing: -.01em; }
  .work-grid .work-card__proof { order: 3; margin: 8px 0 0 !important; font-size: 15px !important; line-height: 1.45 !important; }
}
@media (max-width: 1023px) {
  .work-grid .work-card__index, .work-grid .work-card__title, .work-grid .work-card__proof, .work-grid .work-card__visual { align-self: stretch !important; text-align: left !important; justify-self: stretch !important; }
}
/* match the navigation's side margins on phones and tablets */
@media (max-width: 1023px) {
  main > .section { padding-left: 20px !important; padding-right: 20px !important; }
}