/*
 * Work.module.css → the "work-index" view.
 *
 * Ported by scripts/port-css.mjs. Class names are prefixed to survive being
 * flattened out of CSS Modules; design tokens are rewritten to the custom
 * properties theme.json emits. Edit this file, not the original.
 */

.px-work-index {
  display: grid;
  gap: var(--wp--preset--spacing--xxl) var(--wp--preset--spacing--lg);
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 640px) {
  .px-work-index {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .px-work-index {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--wp--preset--spacing--xxxl) var(--wp--preset--spacing--lg);
  }
}