/* Photos: the Media contact sheet (shared .gallery/.ph/.cap in site.css) at a larger row height.
   .phe-N = width / height of event photograph N (page order). */
.gallery { --row: clamp(210px, 20vw, 340px); }
.phe-1, .phe-2, .phe-3, .phe-4 { --ar: 0.7463; }
.phe-5, .phe-6 { --ar: 1.3423; }
.phe-7 { --ar: 0.5336; }
@media (max-width: 899px) { .gallery { --row: 150px; } }

/* the one captioned photograph: caption beside the print instead of a one-word-per-line column under it */
.phe-7 { flex: 0 1 auto; max-width: 100%; }
.phe-7 a { display: flex; align-items: flex-end; gap: 20px; }
.phe-7 .ph__img { flex: 0 0 calc(var(--ar) * var(--row)); }
.phe-7 .cap { flex: 0 1 24ch; margin: 0; font-size: 16px; }