/**
 * Sektion: Bildcollage – drei Bilder, frei überlappend angeordnet.
 */
.collage {
	aspect-ratio: 1.635 / 1;
	position: relative;
}

.collage__item {
	border-radius: var(--radius-lg);
	overflow: hidden;
	position: absolute;
}

.collage__item img {
	block-size: 100%;
	inline-size: 100%;
	object-fit: cover;
	transition: transform var(--duration-slow) var(--ease-out);
}

@media (hover: hover) {
	.collage__item:hover img {
		transform: scale(1.03);
	}
}

.collage__item--1 { block-size: 63%; inline-size: 54%; inset-block-start: 0; inset-inline-start: 0; }
.collage__item--2 { block-size: 54.5%; inline-size: 44%; inset-block-start: 22.5%; inset-inline-end: 0; }
.collage__item--3 { block-size: 33.3%; inline-size: 38.5%; inset-block-end: 0; inset-inline-start: 15.5%; }

@media (max-width: 48.75em) {
	.collage {
		aspect-ratio: auto;
		block-size: 31.875rem;
	}

	.collage__item--1 { block-size: 53.7%; inline-size: 52.6%; inset-block-start: 8.8%; }
	.collage__item--2 { block-size: 59.2%; inline-size: 45.3%; inset-block-start: 18.8%; }
	.collage__item--3 { block-size: 36.1%; inline-size: 46.3%; inset-inline-start: 6.3%; }
}