/* Industries carousel (Industries hub page): equal-height cards.
 * kindling-blocks' carousel CSS puts height:100% on .splide__list/.splide__slide
 * and slide children (specificity 0,3,0), but the chain resolves against the
 * container's auto height (it only has a min-height), so every slide falls back
 * to its own content height and the cards render ragged. These selectors go one
 * level deeper to win, restore auto heights, and let flexbox's default
 * cross-axis stretch equalize: list stretches slides to the tallest, each slide
 * (itself flex) stretches its card. The Explore button pins to the bottom; the
 * padding-top guard keeps the design's gap above the button in the tallest
 * card, where the auto margin resolves to 0. */
.cmp-industries-carousel .wp-block-kindling-carousel .kindling-carousel-container .splide__list {
	height: auto;
	align-items: stretch;
}

.cmp-industries-carousel .wp-block-kindling-carousel .kindling-carousel-container .splide__slide {
	height: auto;
	display: flex;
}

.cmp-industries-carousel .wp-block-kindling-carousel .kindling-carousel-container .splide__slide > .cmp-card {
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.cmp-industries-carousel .wp-block-kindling-carousel .kindling-carousel-container .splide__slide > .cmp-card > .wp-block-buttons {
	margin-block-start: auto;
	padding-top: var(--wp--preset--spacing--40);
}

/* Markup round 2 pin 15 (2026-09-03): every slide photo holds the same 5/3 box
 * at every viewport — the image fills its card width instead of sitting at its
 * intrinsic size, so a smaller source (defense) no longer shrinks as the
 * window narrows. */
.cmp-industries-carousel .cmp-card .cmp-card-img,
.cmp-industries-carousel .cmp-card .cmp-card-img img {
	width: 100%;
}

.cmp-industries-carousel .cmp-card .cmp-card-img img {
	aspect-ratio: 5 / 3;
	object-fit: cover;
	height: auto;
}