/* ============================================================
   SpiLi — La collection
   Identité « Le Filet » · lot V-3
   ------------------------------------------------------------
   La page annonçait six familles d'objets — flacons, alambics,
   affiches, archives, verrerie, témoignages — sans en montrer
   un seul. Ces trois planches y répondent, avec la réserve qui
   les accompagne : la collection est vide, ce sont des
   documents d'archive.
   ============================================================ */

.collection-temoins { margin-top: 48px; }

/* La réserve avant les images, jamais après : lue en premier, elle empêche de
   prendre ces documents pour un état de la collection. Le filet de notation la
   rattache au système. */
.collection-temoins-note {
  border-left: var(--spili-notation) solid var(--spili-texte);
  padding-left: 18px;
  max-width: 74ch;
  font-size: 0.94rem; line-height: 1.6;
  color: var(--spili-texte-doux);
  margin-bottom: 30px;
}

.collection-planches {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
  align-items: start;
}
.collection-planches .figure { margin: 0; }

@media (max-width: 560px) {
  .collection-planches { grid-template-columns: 1fr; gap: 26px; }
}

/* La famille à laquelle un document répond. Elle est écrite au-dessus de la
   planche parce que la page annonce six familles d'objets : sans ce rappel,
   un lecteur ne saurait pas laquelle chaque document illustre. */
.collection-planche { display: flex; flex-direction: column; gap: 10px; }
.collection-planche-famille {
  font-family: var(--spili-data); font-size: 10.5px;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--spili-texte-faible);
  border-bottom: 1px solid var(--spili-trait);
  padding-bottom: 8px;
}