/* Gallery variations share the Film page's typography, controls and viewer. */
.portfolio-page .work-card.wide { grid-column: 1 / -1; }
.portfolio-page .work-card.wide .work-media { height: auto; aspect-ratio: 2 / 1; }
.software-page .work-media { background: #eeede8; }
.software-page .work-media img { object-fit: contain; }
.software-page .massive-damage-project .work-media { background: #062832; }
.software-page .work-card.half .work-media { height: clamp(300px, 36vw, 560px); }
.portfolio-page .work-grid[data-filter] .work-card { grid-column: span 6; }
.portfolio-page .work-grid[data-filter] .work-media { height: clamp(300px, 32vw, 520px); aspect-ratio: auto; }
.portfolio-page .gallery-filters { flex-wrap: wrap; }
@media (max-width: 760px) {
  .portfolio-page .work-card, .portfolio-page .work-card.half, .portfolio-page .work-card.feature, .portfolio-page .work-card.matte, .portfolio-page .work-grid[data-filter] .work-card { grid-column: 1 / -1; }
  .portfolio-page .work-media, .portfolio-page .work-card.wide .work-media, .portfolio-page .work-card.half .work-media, .portfolio-page .work-grid[data-filter] .work-media { height: auto; aspect-ratio: 16 / 10; }
}
/* Equal square previews, including when a category filter is active. */
.software-page .work-card.half .work-media,
.software-page .work-grid[data-filter] .work-media { height: auto; aspect-ratio: 1; }
.software-page .work-media img { height: 100%; }