/* Section Collection */
.collection.is-grid,
.collection.is-list {
	display: block;
}

.collection_item {
	display: block;
	position: relative;
	margin-bottom: var(--margin);
}

.section--collection#objets .collection_item {
	display: flex;
	flex-direction: column-reverse;
	border-bottom: 1px solid black;
	padding-bottom: var(--margin);
}

.section--collection#objets .collection_item:last-child {
	border-bottom: unset;
	padding-bottom: 0px;
}

.collection_item_thumb {
	margin: 0;
	aspect-ratio: 1/1;
	overflow: hidden;
	user-select: none;
}

.collection_item_thumb > picture,
.collection_item_thumb > picture > img {
	display: block;
	width: 100%;
	height: 100%;
}

.collection_item_thumb > picture > img {
	object-fit: cover;
	object-position: center;
}

.collection_item_title {
	display: flex;
	font-size: var(--fontsize-regular);
	line-height: var(--lineheight-regular);
}

.collection_item_title > span:nth-child(2)::before {
	display: inline-block;
	padding: 0 var(--margin-d4);
	content: '—';
}

/* crawlable title link */
.collection_item_crawl_link::after {
	position: absolute;
	z-index: 2;
	inset: 0;
	content: '';
}

/* unpoly over link */
.collection_item_link {
	display: block;
	position: absolute;
	z-index: 3;
	cursor: pointer;
	inset: 0;
	width: 100%;
	height: 100%;
}

/* list-style collection */
/* layout variation for "designers" */
.collection.is-list .collection_item_thumb {
	position: relative;
	margin-bottom: var(--margin);
}

.collection.is-list .collection_item_thumb figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: var(--margin);
	color: white;
}

.collection.is-list .collection_item_title {
	display: inline-block;
	margin-bottom: var(--margin-d2);
	border-bottom: 1px solid black;
}

.collection.is-list .collection_item_body p {
	margin-bottom: var(--margin-d2);
}

@media (min-width: 768px) {
	/* Section Collection */
	.collection.is-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: var(--margin);
		row-gap: var(--margin);
	}

	.collection_item {
		margin-bottom: 0;
	}

	.section--collection#objets .collection_item {
		border-bottom: unset;
		padding-bottom: 0px;
	}

	.section--collection#objets .collection_item:nth-child(2n + 1):after {
		display: block;
		position: absolute;
		top: 0;
		z-index: 1;
		background-color: black;
		width: 1px;
		height: 100%;
		content: '';
	}

	.section--collection#objets .collection_item:nth-child(2n + 1):after {
		right: calc(var(--margin-d2) * -1);
		left: unset;
	}

	/* list-style collection */
	/* layout variation for "designers" */
	.collection.is-list .collection_item {
		display: flex;
		gap: var(--margin);
		margin-bottom: var(--margin);
		width: 100%;
	}

	.collection.is-list .collection_item_thumb {
		flex: 0 0 50%;
		margin-bottom: 0;
		aspect-ratio: 1/1;
		height: 100%;
		overflow: hidden;
		user-select: none;
	}

	.collection.is-list .collection_item_info {
		flex: 0 1 50%;
	}

	.collection.is-list .collection_item_title {
		margin-bottom: var(--margin);
	}

	.collection.is-list .collection_item_body p {
		margin-bottom: var(--margin);
	}
}

@media (min-width: 992px) {
	/* Section Collection */
	.collection.is-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.section--collection#objets .collection_item:nth-child(2n + 1):after {
		display: none;
	}

	.section--collection#objets .collection_item:nth-child(3n + 2):before,
	.section--collection#objets .collection_item:nth-child(3n + 2):after {
		display: block;
		position: absolute;
		top: 0;
		z-index: 1;
		background-color: black;
		width: 1px;
		height: 100%;
		content: '';
	}

	.section--collection#objets .collection_item:nth-child(3n + 2):before {
		right: unset;
		left: calc(var(--margin-d2) * -1);
	}

	.section--collection#objets .collection_item:nth-child(3n + 2):after {
		right: calc(var(--margin-d2) * -1);
		left: unset;
	}

	/* list-style collection */
	/* layout variation for "designers" */
	.collection.is-list .collection_item_thumb {
		flex: 0 0 calc((100% / 3) - var(--margin-d2));
		margin-bottom: 0;
	}

	.collection.is-list .collection_item_info {
		flex: 0 1 45%;
	}
}