/* ==========================================================================
   GALLERY
   (the grid, item and caption styles live in components.css, this file
    only handles the page-level layout around them)
   ========================================================================== */

.gallery-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-7);
}

/* Reveal items softly as they filter in */
.js .gallery-item { transition: opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out); }

/* Give the strip below a little breathing room */
.gallery-note {
  margin-top: var(--space-8);
  text-align: center;
  color: var(--text-muted);
  font-size: var(--fs-sm);
}
.gallery-note .script { display: block; font-size: clamp(1.6rem, 3.5vw, 2.4rem); margin-bottom: var(--space-2); }