/* Layout */
.gallery img {
	margin-inline: auto;
}
.gallery figure figcaption p {
	margin-inline: unset;
	margin-block-start: 0;
}
@media screen and (min-width: 27.5em) {
	/*.gallery--multiple ul {
		columns: 160px 3;
		--flow-space: 0;
	}
	.gallery--multiple ul li {
  		break-inside: avoid-column;
		padding-block-end: var(--flow-space-gallery);
	}
	*/
	.gallery--no-captions figcaption {
		display: none;
	}
}
/*
@media screen and (min-width: 30em) {
	.gallery--grid ul {
		display: grid;
		gap: 1em;
		align-content: flex-start;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.gallery--grid ul li {
		align-self: start;
		margin-block-start: 0;
	}
}
*/
@media screen and (min-width: 48em) {
	/*.gallery--multiple ul {
		columns: 200px 3;
	}
	*/
	/*
	.gallery--grid ul {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	*/
}
/* columns */
@media screen and (min-width: 27.5em) {
	.gallery--multiple ul {
		columns: auto 2;
		--flow-space: 0;
	}
	.gallery--multiple ul li {
  		break-inside: avoid-column;
		padding-block-end: var(--flow-space-gallery);
	}
}
@media screen and (min-width: 50em) {
	.gallery--multiple ul {
		columns: auto 3;
	}
}

/* grid */
@media screen and (min-width: 27.5em) {
	.gallery--grid ul {
		display: grid;
		gap: 1em;
		align-content: flex-start;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.gallery--grid ul li {
		align-self: start;
		margin-block-start: 0;
	}
}
@media screen and (min-width: 50em) {
	.gallery--grid ul {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}