/* gallery.css: the gallery of a project on the Projects page (ProjectBlock.astro). Two or more
   figure blocks in a row stand as a plain grid of small figures, two to a row on a wide screen
   and one on a phone. Each image links to a larger copy. Imported by the Projects page only. */
.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(20rem, 100%), 1fr));
  gap: var(--s4) var(--s3);
  max-width: 56rem;
}
.gallery figure { min-width: 0; }
.gallery a { display: block; }
.gallery img {
  width: 100%;
  border-radius: var(--radius-out);
  outline: var(--stroke) solid var(--rule-soft);
  outline-offset: calc(-1 * var(--stroke));
}
.gallery figcaption {
  margin-top: var(--s2);
  color: var(--ink-2);
  font-size: var(--size-small);
  font-stretch: var(--wdth-tight);
}