/* About page (141): timeline section (wp_block 132). Markup round 2 pins 8 / 9
 * (.claude/markup-review-2026-09-03.json). */

/* Pin 8 — less air between the platform story and the timeline cards. The
 * story cover (131) keeps its Figma 647px min-height; the timeline drops its
 * 100px top pad to 40px so the cards sit closer to the text above. */
@media (min-width: 782px) {
	.cmp-about-timeline {
		padding-top: 40px !important;
	}
}

/* Pin 9 — every timeline card renders at the same size regardless of how the
 * carousel is paged: the image keeps its 10/7 box and the card fills its
 * slide, so the tablet breakpoint (2 slides) no longer shows shrunken cards. */
.cmp-about-timeline .splide__slide > .cmp-card {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.cmp-about-timeline .cmp-card .cmp-card-img img {
	width: 100%;
	aspect-ratio: 10 / 7;
	object-fit: cover;
}