.portfolio-collage { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.collage-vita { grid-column: 1; grid-row: 1; }
.collage-trigger { grid-column: 2; grid-row: 1; }
.collage-logic { grid-column: 1; grid-row: 2; width: auto; justify-self: stretch; }
.collage-scenes { grid-column: 2; grid-row: 2; }
.collage-marsupia { grid-column: 1; grid-row: 3; }
.collage-pitstorm { grid-column: 2; grid-row: 3; }
.collage-vita picture, .collage-trigger picture, .collage-logic picture, .collage-scenes picture { height: 20rem; padding: .4rem; }
.collage-scenes picture { background: #f5eee3; }
.collage-marsupia picture, .collage-pitstorm picture { aspect-ratio: 16 / 9; height: auto; }
.scenes-collections { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; max-width: 46rem; margin-inline: auto; }
.scenes-collections img { display: block; width: 100%; height: auto; }
.scenes-collections figure { margin: 0; }
.scenes-collections figcaption { margin: .6rem 0 0; }
.scenes-hero picture { height: 32rem; overflow: hidden; display: block; }
.scenes-hero picture img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.scenes-coming { display: inline-block; margin: 0 0 1rem; font-weight: 700; }
@media(max-width:680px) { .collage-vita picture, .collage-trigger picture, .collage-logic picture, .collage-scenes picture { height: 17.5rem; } .scenes-hero picture { height: 20rem; } }
@media(max-width:380px) { .collage-vita picture, .collage-trigger picture, .collage-logic picture, .collage-scenes picture { height: 15.5rem; } }