/* Gallery-specific responsive refinements. */
@media (max-width: 1020px) {
  .category-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gallery-layout { grid-template-columns: 185px 1fr; gap: 2rem; }
}

@media (max-width: 720px) {
  .category-showcase { padding-inline: 0; }
  .category-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
  .category-card span { font-size: 17px; }
  .category-card small { font-size: 9px; }

  /* Let each photograph use its natural aspect ratio instead of centering it
     inside a fixed-height frame, and extend gallery images edge to edge. */
  .gallery-layout { margin-inline: -6vw; }
  .species-nav { padding-inline: 6vw; }
  .gallery-card,
  .gallery-card:nth-child(n) {
    height: auto;
    margin-bottom: .8rem;
  }
  .gallery-card picture,
  .gallery-card img { height: auto; }
}