/* Progressive grid: large desktop → desktop → tablet landscape → tablet/mobile. */
@media (min-width: 901px) and (max-width: 1099px) {
  .work-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1100px) and (max-width: 1399px) {
  .work-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (min-width: 1400px) {
  .work-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
.demo { display: block; aspect-ratio: 1; }