/* event-sc2026-photos: the breadcrumb and date line sit on the dark photo hero; the gallery keeps
   each photo's own shape (landscape and upright shots mixed) in balanced columns. */
.scp-hero .crumbs, .scp-hero .event-meta { color: var(--dark-muted); }
.scp-hero .crumbs a:hover, .scp-hero .crumbs [aria-current] { color: var(--dark-ink); }
.scp-grid { columns: 3 260px; column-gap: 24px; }
.scp-grid figure { break-inside: avoid; margin: 0 0 28px; }
.scp-grid .media { display: block; aspect-ratio: auto; }
.scp-grid img { width: 100%; height: auto; }
.scp-grid figcaption { margin-top: 10px; color: var(--muted); font-size: 14.5px; }