/* Gallery: photos as tiles that open in the lightbox (gallery controller) */
.gallery {
  --auto-grid-min: 14rem;
  --auto-grid-space: var(--space-xs);
}

.gallery__item {
  aspect-ratio: 4 / 3;
  background-position: center;
  background-size: cover;
  border-radius: var(--radius-m);
  display: block;
  overflow: hidden;
  transition: opacity var(--duration-fast) var(--ease-out);

  &:hover {
    opacity: 0.85;
  }
}

.gallery__item[data-feature] {
  aspect-ratio: 16 / 9;
}