.recognition-row.with-event-image>div{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:25px 36px;align-items:start}.recognition-row .event-copy{min-width:0}.recognition-row .event-documentation{margin:0;max-width:100%}.recognition-row .event-documentation img{display:block;width:auto;height:auto;max-width:100%;max-height:220px;object-fit:contain;border-radius:6px}.recognition-row .event-documentation.poster img{max-height:245px}.recognition-row .event-documentation.logo img{max-height:100px;width:auto;max-width:190px}.recognition-row .event-documentation figcaption{font-size:10px;line-height:1.6;max-width:220px;margin-top:10px;color:var(--muted)}.recognition-row .event-documentation figcaption a{text-decoration:underline;text-underline-offset:3px}.person-page .recognition-row.with-event-image>div{grid-template-columns:minmax(0,1fr) 190px}.person-mention{text-decoration:underline;text-decoration-color:#ffffff38;text-underline-offset:4px}.person-mention:hover{text-decoration-color:currentColor}
@media(max-width:700px){.recognition-row.with-event-image>div,.person-page .recognition-row.with-event-image>div{grid-template-columns:minmax(0,1fr)}.recognition-row .event-documentation{max-width:230px}.recognition-row .event-documentation img{max-height:210px}.recognition-row .event-documentation.logo img{max-width:180px}.recognition-row .event-documentation.poster img{max-height:240px}}

/* Append after event-images.css. Keep the complete official mark legible. */
.recognition-row .event-documentation.laurel {
  width: 180px;
  max-width: 100%;
}
.recognition-row .event-documentation.laurel img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 180px;
  max-height: 150px;
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 4px;
}
.recognition-row .event-documentation.laurel figcaption {
  font-size: 11px;
  line-height: 1.6;
  margin-top: 12px;
}
@media (max-width: 700px) {
  .recognition-row .event-documentation.laurel { width: 160px; }
}

/* Long exhibition titles must fit beside their year on narrow screens. */
.recognition-row > div { min-width: 0; }
.recognition-row .event-copy h3 { overflow-wrap: anywhere; }