/* Layout */
.gallery img {
	margin-inline: auto;
}

body:not(.tpl-home) .gallery figure .img--cropped {
  	aspect-ratio: 4/2.5;
  	object-fit: cover;
  	width: 100%;
  	height: 100%;
}
@media screen and (min-width: 25em) {
	/* gallery */
	body:not(.tpl-home) .gallery--multiple ul {
		columns: 160px 3;
		--flow-space: 0;
	}
	body:not(.tpl-home) .gallery--multiple ul li {
  		break-inside: avoid-column;
		padding-block-end: var(--flow-space-gallery);
	}
	/* images */
	body:not(.tpl-home) .gallery figure .img--landscape {
		aspect-ratio: 4/2.5;
	}
	body:not(.tpl-home) .gallery figure .img--square {
		aspect-ratio: 1/1;
	}
	/* captions */
	body:not(.tpl-home) .gallery--no-captions figcaption {
		display: none;
	}
	/*
	body:not(.tpl-home) .gallery--multiple ul {
  		columns: 300px 3;
	}
	body:not(.tpl-home) .gallery--multiple_square ul {
  		columns: 300px 3;
	}
	body:not(.tpl-home) .gallery--multiple_square figure img {
  		aspect-ratio: 1/1;
	}
	body:not(.tpl-home) .gallery--irregular ul {
  		columns: 300px 3;
	}
	body:not(.tpl-home) .gallery--irregular ul li {
  		break-inside: avoid-column;
	}
	body:not(.tpl-home) .gallery--grid ul,
	body:not(.tpl-home) .gallery--grid_square ul {
  		display: grid;
  		gap: 1em;
  		align-content: flex-start;
  		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	body:not(.tpl-home) .gallery--grid ul li,
	body:not(.tpl-home) .gallery--grid_square ul li {
  		align-self: start;
  		margin-block-start: 0;
  	}
	body:not(.tpl-home) .gallery--grid_square figure img {
  		aspect-ratio: 1/1;
	}
	*/
}
@media screen and (min-width: 30em) {
		body:not(.tpl-home) .gallery--grid ul {
		display: grid;
		gap: 1em;
		align-content: flex-start;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	body:not(.tpl-home) .gallery--grid ul li {
		align-self: start;
		margin-block-start: 0;
	}
}
@media screen and (min-width: 48em) {
	body:not(.tpl-home) .gallery--grid ul {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media screen and (max-width: 47.938em) and (orientation: portrait) {
  body:not(.tpl-home) .gallery figure .img--cropped {
  	aspect-ratio: 1/1;
  	object-fit: cover;
  	width: 100%;
  	height: 100%;
  }

}

/* typography */
/*
.gallery figure figcaption span {
	font-weight: var(--font-weight-bold);
}
*/
.gallery figure figcaption p {
	margin-inline: unset;
	margin-block-start: 0;
}
/*
.gallery figure figcaption h3 {
	display: inline-block;
	font-weight: var(--font-weight-bold);
}
.gallery figure figcaption p {
	display: inline;
	margin-inline: unset;
	margin-block-start: 0;
}
*/


.coloredx {
filter: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><defs><filter id="689d94" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.40784 0 0 0 0 0.61569 0 0 0 0 0.58039 0 0 0 1 0"/><feFlood flood-color="red" flood-opacity="0.5" /></filter></defs></svg>#689d94');
}
.coloredx {
filter: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><defs><filter id="x689d94"><feFlood flood-color="red" flood-opacity="0.5" /></filter><rect width="100%" height="100%" filter="url(#x689d94)" ></defs></svg>');
}
.coloredx {
	filter: opacity(0.3) drop-shadow(0 0 0 red);
}
.coloredx {
	filter: invert(59%) sepia(43%) saturate(5496%) hue-rotate(65deg) brightness(119%) contrast(125%);
}
.coloredx {
	filter: opacity(0.2) invert(17%) sepia(66%) saturate(5516%) hue-rotate(295deg) brightness(119%) contrast(122%);
}
.xcolored {
	position: relative;
	border: 1px solid red;
}
.xcolored:after {
	z-index: 99;
	content: "xxx";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(248, 247, 210, 0.7);
}
/*
article figcaption p {
	margin-inline: unset;
}
article figcaption {
	display: flex;
	align-items: baseline;
	gap: 1ch;
}
*/