.dsa-gallery {
  --dsa-gallery--gap-vertical: var(--ks-spacing-stack-m);
  --dsa-gallery--gap-horizontal: var(--ks-spacing-inline-m);
  --dsa-gallery--tile-min-width-small: 200px;
  --dsa-gallery--tile-min-width-large: 400px;
  --dsa-gallery--image-ratio-square: 1/1;
  --dsa-gallery--image-ratio-wide: 4/3;
  --dsa-gallery--image-ratio-landscape: 16/9;
}

.dsa-gallery__grid--stack {
  display: flex;
  gap: var(--dsa-gallery--gap-vertical);
  flex-direction: column;
}
.dsa-gallery__grid--small-tiles {
  display: grid;
  gap: var(--dsa-gallery--gap-horizontal) var(--dsa-gallery--gap-vertical);
  grid-template-columns: repeat(auto-fit, minmax(min(var(--dsa-gallery--tile-min-width-small), 100%), 1fr));
}
.dsa-gallery__grid--large-tiles {
  display: grid;
  gap: var(--dsa-gallery--gap-horizontal) var(--dsa-gallery--gap-vertical);
  grid-template-columns: repeat(auto-fit, minmax(min(var(--dsa-gallery--tile-min-width-large), 100%), 1fr));
}
.dsa-gallery__image {
  flex: 1 1;
}
.dsa-gallery__image--square img {
  aspect-ratio: var(--dsa-gallery--image-ratio-square);
  object-fit: cover;
}
.dsa-gallery__image--wide img {
  aspect-ratio: var(--dsa-gallery--image-ratio-wide);
  object-fit: cover;
}
.dsa-gallery__image--landscape img {
  aspect-ratio: var(--dsa-gallery--image-ratio-landscape);
  object-fit: cover;
}