/* Cologne-specific details within the shared production archive template. */
.cologne-archive .archive-lead-photo img { object-position: center 10%; }
.cologne-opening-quote { flex-direction: column; text-align: center; gap: .75rem; max-width: 900px; margin: auto; padding-top: 2rem; }
.cologne-opening-quote p { font-size: clamp(1.5rem, 2.6vw, 2.2rem); line-height: 1.35; }
.cologne-opening-quote cite a { color: inherit; text-underline-offset: .25em; }
.cologne-opening-quote .review-translation { margin: 0; }
.cologne-headshots { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.cologne-headshots a { display: block; text-decoration: none; }
.cologne-headshots a:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
.cologne-headshots a:hover h3 { text-decoration: underline; text-underline-offset: .25em; }
.cologne-headshots img { object-fit: cover; object-position: center; }
.cologne-headshots li:first-child img { object-position: center 8%; }
.cologne-archive .archive-orchestra { margin-top: 2.5rem; max-width: 70ch; scroll-margin-top: 6rem; }
.cologne-archive #reviews { scroll-margin-top: 6rem; }
@media (max-width: 900px) { .cologne-headshots { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 500px) { .cologne-headshots { grid-template-columns: repeat(2, minmax(0, 1fr)); } }