/* Reserve the work slider before Splide initializes to prevent hero layout shift. */
#works-slider,
#works-slider .splide__track {
	height: 25rem;
}

/* Portfolio images are real, responsive images rather than eager CSS backgrounds. */
#works-slider .splide__slide {
	position: relative;
	overflow: hidden;
}

#works-slider .slide__image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#works-slider .slide__info {
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 40.06125em) {
	#works-slider,
	#works-slider .splide__track {
		height: calc(100vw - 2rem);
	}
}