/* Photography slots: a figure per slot at a fixed ratio, the image covering it. Square corners, no shadow. */
.photo { margin: 0; position: relative; overflow: hidden; width: 100%; background: transparent; }
.photo-16x9 { aspect-ratio: 16 / 9; }
.photo-3x2 { aspect-ratio: 3 / 2; }
.photo-2x3 { aspect-ratio: 2 / 3; }
.photo-12x5 { aspect-ratio: 12 / 5; }
.photo-1x1 { aspect-ratio: 1 / 1; }
.photo picture { display: block; width: 100%; height: 100%; }
.photo img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; box-shadow: none; }
.photo-fixture img { filter: saturate(.6); }
.photo .credit, .photo figcaption { font-size: 12px; line-height: 1.4; color: #6C645F; margin: 6px 0 0; }
.photo .credit { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 4px 8px; background: #EFEEED; }
@media (max-width: 900px) { .photo-16x9, .photo-12x5 { aspect-ratio: 3 / 2; } .photo-2x3 { aspect-ratio: 3 / 4; } }