/* Image block: one picture across the column, or the window (page-block.css) */
.image-block {
  --flow-space: var(--space-2xs);
}

.image-block__picture {
  border-radius: var(--radius-xl);
  inline-size: 100%;
  max-block-size: 80dvh;
  object-fit: cover;
}

.image-block__caption {
  color: var(--color-muted);
  font-size: var(--step--1);
}

/* The style's pictures (data-look-images): mono in black and white, duotone
   in the accent (picture-filters.css) */
[data-look-images="mono"] .image-block__picture {
  filter: grayscale(1) contrast(1.06);
}

[data-look-images="duotone"] .image-block__picture {
  filter: contrast(1.1) url(#shop-duotone);
}