/* Work — docs/SPEC.md §4.3. */

.work-filter {
  margin-block-end: clamp(32px, 4vw, 56px);
}

.work-grid {
  display: grid;
  gap: clamp(40px, 5vw, 72px) var(--grid-gap);
  padding-block-end: var(--section-space);
}

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

  /* Hidden wrappers (no-JS filter result) must not take a grid cell. */
  .work-grid > [hidden] {
    display: none;
  }
}

.work-empty {
  padding-block: var(--space-8) var(--section-space);
}