.myth-gallery {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.myth-gallery figure { min-width: 0; margin: 0; }
.myth-gallery-cover { grid-column: 1 / -1; }
.myth-gallery a {
  position: relative;
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #e8e2d9;
}
.myth-gallery-cover a { aspect-ratio: 886 / 404; }
.myth-gallery img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.myth-gallery a:hover img { transform: scale(1.025); }
.myth-gallery a:focus-visible { outline: 3px solid var(--sun); outline-offset: 5px; }
.myth-gallery-zoom {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(23, 23, 23, .8);
  color: var(--paper);
  font-size: 1.1rem;
  pointer-events: none;
}
@media (max-width: 900px) {
  .myth-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
@media (max-width: 820px) {
  .myth-gallery { grid-row: 2; }
  .myth-story { grid-row: 3; }
}
@media (prefers-reduced-motion: reduce) {
  .myth-gallery img { transition: none; }
  .myth-gallery a:hover img { transform: none; }
}