/* Galeriyi temiz, eşit aralıklı bir editoryal düzende tutar. */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-rows: auto;
  grid-auto-flow: row;
  align-items: start;
  gap: 16px;
  padding: 18px 0 28px;
}

.gallery-grid .gallery-tile,
.gallery-grid .gallery-featured,
.gallery-grid .gallery-wide,
.gallery-grid .gallery-tall,
.gallery-grid .gallery-standard {
  grid-column: auto;
  grid-row: auto;
  min-height: 0;
  aspect-ratio: 4 / 5;
}

/* Yeni gerçek yolculuk kareleri de diğer kartlar gibi hafifçe nefes alır. */
button.gallery-tile.gallery-local-encounter img {
  object-position: center center;
  animation: gallery-breathe 2.4s ease-in-out -.6s infinite alternate;
}

button.gallery-tile.gallery-devotion img {
  object-position: center center;
  animation: gallery-drift 3s ease-in-out -1.2s infinite alternate;
}

@media (max-width: 1100px) {
  .gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .gallery-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  button.gallery-tile.gallery-local-encounter img,
  button.gallery-tile.gallery-devotion img {
    animation: none;
  }
}