/* component-exhibition-card.css
 * Variants: default + UPCOMING pill (.c-exhibition__pill on .c-exhibition__media) */

.c-exhibition {
  text-decoration: none;
  color: var(--color-ink);
  display: flex; flex-direction: column;
}
.c-exhibition__media {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  position: relative;
  background: #efece1;
}
.c-exhibition__media img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform var(--motion-slow);
}
.c-exhibition:hover .c-exhibition__media img { transform: scale(1.02); }

.c-exhibition__pill {
  position: absolute; top: 16px; left: 16px;
  background: var(--color-brand);
  color: var(--color-ink);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 5px 9px;
  border-radius: var(--radius-pin);
}

.c-exhibition__meta { padding-top: 22px; display: flex; flex-direction: column; gap: 8px; }
.c-exhibition__eyebrow {
  font-size: 11px;
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--color-ink-muted);
}
.c-exhibition__title {
  font-family: var(--font-display);
  font-size: 36px;
  line-height: 1.05;
  letter-spacing: -0.015em;
  margin: 4px 0;
}
.c-exhibition__blurb { font-size: 15px; line-height: 1.6; margin: 0; }
.c-exhibition__link { margin-top: 8px; align-self: flex-start; }