/* Clip decorative lorries so transforms cannot create page-level horizontal scroll. */
.block--careers {
	overflow-x: clip;
}

/* Match Swiper slidesPerView before JS inits, so later blocks keep a stable offset
   for ScrollTrigger. Unsized slides are full-width (and can stack), which collapses
   after init and delays or skips animations below this block. */
.block--careers-carousel {
	overflow: hidden;
}

.block--careers-carousel .swiper-wrapper {
	display: flex;
}

.block--careers-carousel .swiper-slide {
	box-sizing: border-box;
	flex-shrink: 0;
	height: auto;
	width: calc((100% - 12px) / 2.2);
}

.block--careers-carousel .swiper-slide img {
	aspect-ratio: 1;
	height: auto;
	width: 100%;
}

@media (width >= 480px) {
	.block--careers-carousel .swiper-slide {
		width: calc((100% - 30px) / 4);
	}
}

@media (width >= 768px) {
	.block--careers-carousel .swiper-slide {
		width: calc((100% - 44px) / 5.4);
	}
}