.wp-block-cards {
	margin-top: 4em;
	margin-bottom: 4em;
}
.wp-block-cards h2 {
	margin-top: 0;
	margin-bottom: 0.375em;
}
.wp-block-cards .swiffy-slider {
	--swiffy-slider-item-gap: 1.5em;
	--swiffy-slider-snap-align: start;
	--swiffy-slider-item-count: 1.5;
}
.wp-block-cards .slider-container {
	margin-right: -1em;
	margin-left: -1em;
	scroll-padding: 1em;
	padding-right: 1em;
	padding-left: 1em;
}
.wp-block-cards .wp-block-cards__card {
	aspect-ratio: var(--kmt-card-ratio);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.wp-block-cards .wp-block-cards__card-inner {
	height: 100%;
}
.wp-block-cards .wp-block-cards__card img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.wp-block-cards .wp-block-cards__card-content {
	padding-top: 1.125em;
	padding-bottom: 1.125em;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}
.wp-block-cards.background-yellow .wp-block-cards__card-content {
	background-color: #FFD100CC; /* CC = 80% opacity */
}
.wp-block-cards.background-blue .wp-block-cards__card-content {
	background-color: #001F59CC; /* CC = 80% opacity */
	color: #FAF7F2;
}
.wp-block-cards.background-yellow .wp-block-cards__card a {
	color: inherit;
}
.wp-block-cards.background-blue .wp-block-cards__card a {
	color: #FAF7F2;
}
.wp-block-cards .wp-block-cards__card-content h3 {
	font-size: 1.5em;
	margin: 0;
}
.wp-block-cards.background-yellow .wp-block-cards__card-content h3 {
	font-family: 'Carlito';
}
.wp-block-cards.background-blue .wp-block-cards__card-content h3 {
	color: #FAF7F2;
	font-size: 3em;
}
.wp-block-cards .wp-block-cards__card-content p {
	margin: 0;
}
.wp-block-cards .wp-block-button {
	margin-top: 2.5em;
}

@media (min-width: 577px) {
	.wp-block-cards .swiffy-slider {
		--swiffy-slider-item-gap: 1.5em;
		--swiffy-slider-snap-align: start;
		--swiffy-slider-item-count: 2.5;
	}
}

@media (min-width: 993px) {
	.wp-block-cards .swiffy-slider {
		--swiffy-slider-item-count: max(3, min(6, var(--kmt-card-count)));
	}
	.wp-block-cards .wp-block-cards__card img {
		transition: transform 0.3s;
	}
	.wp-block-cards .wp-block-cards__card-content {
		transform: translateY(calc( 100% - 1.5em - 2.25em )); /* 100% - h3 height - padding */
		transition: transform 0.3s;
	}
	.wp-block-cards.background-blue .wp-block-cards__card-content {
		transform: translateY(calc( 100% - 3em - 2.25em )); /* 100% - h3 height - padding */
	}
	.wp-block-cards .wp-block-cards__card-content p {
		opacity: 0;
		transition: opacity 0.3s;
	}
	.wp-block-cards .wp-block-cards__card:hover img {
		transform: scale(1.05);
	}
	.wp-block-cards .wp-block-cards__card:hover .wp-block-cards__card-content {
		transform: translateY(0);
	}
	.wp-block-cards .wp-block-cards__card:hover .wp-block-cards__card-content p {
		opacity: 1;
	}

	/* No slider */
	.wp-block-cards.slider-no .slider-container {
		display: flex;
		flex-wrap: wrap;
		gap: 1.5em;
	}
	.wp-block-cards.slider-no .wp-block-cards__card {
		width: calc(25% - (4.5em / 4)); /* 25% - (gap / columns) */
	}
	.wp-block-cards.slider-no .wp-block-cards__card-content {
		transform: none;
	}
}

/* Animation */
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-cards h2,
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-cards .wp-block-cards__card-inner {
	opacity: 0;
}