.site-core-dual-images {
	--site-core-dual-images-primary-ratio: 1.5;
	--site-core-dual-images-primary-width: 72%;
	--site-core-dual-images-secondary-width: 50%;
	--site-core-dual-images-secondary-x: 38%;
	--site-core-dual-images-secondary-y: 38%;
	--site-core-dual-images-radius: 0.75rem;
	--site-core-dual-images-gap: clamp(2rem, 4vw, 4rem);
	--site-core-dual-images-stage-pad-y: clamp(1rem, 4vw, 3rem);
	--site-core-dual-images-stage-pad-x: clamp(1rem, 3vw, 2rem);
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.site-core-dual-images *,
.site-core-dual-images *::before,
.site-core-dual-images *::after {
	box-sizing: border-box;
}

.site-core-dual-images__stage {
	position: relative;
	width: 100%;
	padding-top: var(--site-core-dual-images-stage-pad-y);
	padding-bottom: var(--site-core-dual-images-stage-pad-y);
	overflow: hidden;
}

.site-core-dual-images__item {
	margin: 0;
	overflow: hidden;
	border-radius: var(--site-core-dual-images-radius);
}

.site-core-dual-images__item img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	border-radius: inherit;
}

.site-core-dual-images__item--primary {
	width: var(--site-core-dual-images-primary-width);
	aspect-ratio: var(--site-core-dual-images-primary-ratio);
	will-change: transform;
}

.site-core-dual-images__item--secondary {
	position: absolute;
	right: 0;
	bottom: var(--site-core-dual-images-secondary-y);
	width: var(--site-core-dual-images-secondary-width);
	z-index: 2;
	will-change: transform;
}

.site-core-dual-images:not(.has-secondary) .site-core-dual-images__item--primary {
	width: 100%;
}

@media (max-width: 1200px) {
	.site-core-dual-images {
		--site-core-dual-images-primary-width: 74%;
		--site-core-dual-images-secondary-width: 48%;
		--site-core-dual-images-secondary-y: 36%;
	}
}

@media (max-width: 1023px) {
	.site-core-dual-images {
		--site-core-dual-images-primary-width: 75%;
		--site-core-dual-images-secondary-width: 44%;
		--site-core-dual-images-secondary-x: 40%;
		--site-core-dual-images-secondary-y: 34%;
	}
}

@media (max-width: 767px) {
	.site-core-dual-images {
		--site-core-dual-images-primary-width: 100%;
		--site-core-dual-images-secondary-width: 100%;
		--site-core-dual-images-stage-pad-y: 0;
		--site-core-dual-images-stage-pad-x: 0;
		--site-core-dual-images-gap: 1.25rem;
	}

	.site-core-dual-images__stage {
		display: flex;
		flex-direction: column;
		gap: var(--site-core-dual-images-gap);
		padding: 0;
		overflow: visible;
	}

	.site-core-dual-images__item {
		position: static;
		width: 100%;
		transform: none !important;
	}

	.site-core-dual-images__item--secondary {
		position: static;
		right: auto;
		bottom: auto;
		z-index: auto;
	}

	.site-core-dual-images__item img {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-core-dual-images__item {
		will-change: auto;
		transform: none !important;
	}
}