/* Photography / Gallery presentation.
 * Uses Butterfly's native gallery and galleryGroup markup so Gallery pages
 * remain editable in Qexo as Markdown + Hexo tag plugins.
 */

.gallery-container {
  margin-top: 1.2rem !important;
  margin-bottom: 2rem !important;
}

.gallery-container img {
  border-radius: 14px;
}

.gallery-container a {
  overflow: hidden;
  border-radius: 14px;
}

figure.gallery-group {
  box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
  transition: transform .25s ease, box-shadow .25s ease;
}

figure.gallery-group:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .12);
}

figure.gallery-group img {
  filter: saturate(.94) contrast(1.02);
}

figure.gallery-group:hover img {
  filter: saturate(1.02) contrast(1.02);
}

.gallery-group-name {
  letter-spacing: .02em;
}

[data-theme='dark'] figure.gallery-group {
  box-shadow: 0 10px 28px rgba(0, 0, 0, .24);
}

@media (max-width: 768px) {
  .gallery-container img {
    border-radius: 10px;
  }

  figure.gallery-group {
    border-radius: 12px;
  }
}