/* Gallery page */

/* 2 columns on phones, 4 on desktop. Each row is 3/4 of a column wide; tall photos span two rows. */
.grid-wrap { container-type: inline-size; }
.grid { --gap: 1.2rem; --cols: 2; display: grid; grid-template-columns: repeat(var(--cols), 1fr); grid-auto-rows: calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols) * .75); gap: var(--gap); margin: 0; padding: 0; list-style: none; }
.grid li { margin: 0; border-radius: 0.2rem; overflow: hidden; background: var(--linen); }
.grid li.tall { grid-row: span 2; }
.grid img { width: 100%; height: 100%; }
.grid li.tall img { object-fit: cover; }
.grid li.square img { object-fit: contain; padding: 1.2rem; }

/* ---------- closing ---------- */
.closing p.text { margin-top: 1.4rem; color: var(--oat); }
.closing .btn { margin-top: 2.8rem; width: 100%; }

/* ================= desktop: 1000px and wider ================= */
@media (min-width: 1000px) {
  .grid { --gap: 1.6rem; --cols: 4; }
  .grid li.square img { padding: 2rem; }

  .closing-grid { display: grid; grid-template-columns: 1fr auto; gap: 8rem; align-items: end; }
  .closing .btn { margin-top: 0; width: auto; }
}