/* v1.9.28: automatic composition, controlled crop and focal points. */
.post-gallery,
.post-gallery.gallery-1,
.post-gallery.gallery-2,
.post-gallery.gallery-3 {
  display: grid;
  gap: 12px;
  margin-bottom: 30px;
}
.post-gallery img,
.post-gallery.gallery-3 img {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  margin: 0;
  object-fit: cover;
  object-position: center center;
  border-radius: 18px;
  background: #e9dfd5;
  box-shadow: 0 8px 24px #48332512;
}
.post-gallery.gallery-1 { grid-template-columns: 1fr; }
.post-gallery.gallery-1 img {
  width: auto;
  height: auto;
  max-height: 620px;
  margin: 0 auto;
}
.post-gallery img[data-focus="top"] { object-position: center top; }
.post-gallery img[data-focus="bottom"] { object-position: center bottom; }
.post-gallery img[data-focus="left"] { object-position: left center; }
.post-gallery img[data-focus="right"] { object-position: right center; }
.post-gallery.gallery-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 360px;
}
.post-gallery.gallery-2 img { height: 360px; }
.post-gallery.gallery-3 {
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  grid-template-rows: repeat(2, 254px);
}
.post-gallery.gallery-3 img { height: 254px; }
.post-gallery.gallery-3 img:nth-child(1) { grid-column: 1; grid-row: 1; }
.post-gallery.gallery-3 img:nth-child(2) { grid-column: 1; grid-row: 2; }
.post-gallery.gallery-3 img:nth-child(3) {
  grid-column: 2;
  grid-row: 1 / 3;
  height: 520px;
}
@media (max-width: 700px) {
  .post-gallery,
  .post-gallery.gallery-1,
  .post-gallery.gallery-2,
  .post-gallery.gallery-3 { gap: 7px; }
  .post-gallery img,
  .post-gallery.gallery-3 img { border-radius: 12px; }
  .post-gallery.gallery-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 210px;
  }
  .post-gallery.gallery-2 img { height: 210px; }
  .post-gallery.gallery-3 {
    grid-template-columns: minmax(0, .74fr) minmax(0, 1.26fr);
    grid-template-rows: repeat(2, 142px);
  }
  .post-gallery.gallery-3 img { height: 142px; }
  .post-gallery.gallery-3 img:nth-child(3) { height: 291px; }
}