.cd1 .cd-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--item-gap);
	@media (min-width: 768px) {
		grid-template-columns: repeat(2, 1fr);
	}
	@media (min-width: 1024px) {
		grid-template-columns: repeat(3, 1fr);
	}
}
.cd1 .cd-card {
	display: flex;
	flex-direction: column;
}
.cd1 .cd-card-image {
	aspect-ratio: 4 / 3;
}
.cd1 .cd-card-content {
	padding: var(--item-gap);
}
@media (min-width: 768px) {
	.cd1 .cd-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: var(--item-gap);
	}
	.cd1 .cd-list > .cd-card {
		width: calc((100% - var(--item-gap)) / 2);
	}
}
@media (min-width: 1024px) {
	.cd1 .cd-list > .cd-card {
		width: calc((100% - (var(--item-gap) * 2)) / 3);
	}
}