/* Shirazi — gallery. A quiet page: caps opener, then one masonry wall.
   The photography carries it; nothing is boxed, nothing is rounded. */

.gl-open {
  /* .wrap owns the inline padding */
  padding-top: calc(var(--hdr-h) + clamp(3.5rem, 3rem + 4vw, 7rem));
  padding-bottom: clamp(2.5rem, 2rem + 3vw, 4.5rem);
}

.gl-display {
  font-size: var(--display);
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: .04em;
  line-height: 1.04;
  margin: clamp(1rem, .8rem + 1vw, 1.75rem) 0;
}

.gl-lede {
  max-width: 34rem;
}

.gl-wall {
  padding-bottom: clamp(4rem, 3rem + 5vw, 7rem);
}

.gl-grid {
  columns: 3;
  column-gap: clamp(.75rem, .5rem + .8vw, 1.25rem);
}

.gl-fig {
  margin: 0 0 clamp(.75rem, .5rem + .8vw, 1.25rem);
  break-inside: avoid;
  background: var(--ink);
}

.gl-fig img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 1000px) {
  .gl-grid {
    columns: 2;
  }
}

@media (max-width: 560px) {
  .gl-grid {
    columns: 1;
  }
}