/* Exhibit — a consistent header for the accumulating experiments
   ----------------------------------------------------------------------
   Added 2026-10-05. The page had grown three experiment sections, each
   introducing itself differently, with nothing telling a visitor they are
   a dated and growing collection rather than three unrelated features of
   a portfolio.

   This replaces the loose kicker + heading in #shelf, #euclid and #slime
   with one dated header. Structure, not decoration: the dates are what
   make the pile legible as a pile.

   A grey lead-in band used to sit above the first exhibit carrying the
   "nothing here is reviewed by a human" disclosure. It was removed on
   request — it read as an alert box and its heading rendered in body
   colour while every other h2 on the page is accent blue. The disclosure
   now lives in the top banner, where it is seen on every screen rather
   than only by people who scroll past About. */

.exhibit-head{
  margin-bottom:var(--space-s);
}

.exhibit-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px 12px;
  margin:0 0 6px;
  font-size:var(--fs-sm);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
}

.exhibit-no{
  font-family:var(--mono);
  font-size:var(--fs-xs);
  letter-spacing:.04em;
  padding:2px 7px;
  border-radius:var(--radius-pill);
  border:1px solid var(--border);
  color:var(--accent);
}

.exhibit-kicker{ color:var(--muted); }

.exhibit-meta time{
  font-variant-numeric:tabular-nums;
  letter-spacing:.06em;
}

/* Pushed to the end of the row so the three fixed bits stay left-aligned
   across all three exhibits regardless of kicker length. */
.exhibit-log{
  margin-inline-start:auto;
  font-size:var(--fs-xs);
  letter-spacing:var(--track-wide);
}

.exhibit-head h2{ margin:0; }

@media (max-width:560px){
  .exhibit-log{ margin-inline-start:0; }
}