/* ══════════════════════════════════════════════════════════════════════════
   gallery.css — the grid, and little else.

   The cards are cards.css's and the glass is site.css's; what is here is the
   heading over them and the seam label between the two groups. The section
   rules mirror the landing page's `.s-range` — same rhythm, same lift above
   the field — restated rather than shared because home.css does not load
   here.
   ══════════════════════════════════════════════════════════════════════════ */

.s-gallery{position:relative;z-index:var(--z-field);
  padding:clamp(40px,6vw,84px) 0 clamp(64px,7vw,110px)}
.s-gallery h1{font-size:var(--font-size-h2);font-weight:700;
  letter-spacing:var(--letter-spacing-h2);line-height:1.02}
.s-gallery .lede{font-size:var(--font-size-lede);color:var(--color-text);
  margin:20px 0 0;max-width:66ch}
.gallery-wall{margin-top:clamp(24px,3vw,40px)}
.s-gallery .label{display:block;margin:clamp(30px,4vw,48px) 0 0}