.wp-block-wrd-section-report {
	--wp-block-wrd-section-report__pattern__overshoot: 3rem;

	position: relative;
	padding-top: var(--wp-block-wrd-section-report__padding);
	background-image: linear-gradient(135deg, var(--colourway__gradient));
	overflow-x: clip;
}

.wp-block-wrd-section-report__prose {
	position: relative;
	z-index: 10;
	padding-top: var(--wp-block-wrd-section-report__padding);
	padding-bottom: var(--wp-block-wrd-section-report__padding);
}

.wp-block-wrd-section-report__preview {
	position: relative;
	z-index: 10;
	width: 100%;
	height: auto;
	max-width: 42rem;
	max-height: 45vh;
	object-fit: contain;
	object-position: bottom right;
	margin-left: auto;
}

.wp-block-wrd-section-report__images {
	position: absolute;
	bottom: 0;
	right: 0;
	height: calc(100% + var(--wp-block-wrd-section-report__pattern__overshoot));
	opacity: 0.2;
}

.wp-block-wrd-section-report__foreground--left {
	position: absolute;
	bottom: -1rem;
	left: 0;
	height: 6rem;
	width: auto;
	z-index: 3;
}

.wp-block-wrd-section-report__foreground--right {
	position: absolute;
	bottom: -1rem;
	right: 0;
	height: 4rem;
	width: auto;
	z-index: 3;

	display: none;
}

@media (width >= 768px) {
	.wp-block-wrd-section-report {
		--wp-block-wrd-section-report__padding: 3rem;
	}

	.wp-block-wrd-section-report__prose {
		padding-top: 0;
	}
}

@media (width >= 1024px) {
	.wp-block-wrd-section-report {
		--wp-block-wrd-section-report__padding: 5rem;
	}

	.wp-block-wrd-section-report__preview {
		position: absolute;
		bottom: 0;
		right: 0;
		max-height: calc(
			100% + var(--wp-block-wrd-section-report__pattern__overshoot)
		);
		max-width: 50%;
	}

	.wp-block-wrd-section-report__images {
		opacity: 1;
	}

	.wp-block-wrd-section-report__prose {
		max-width: 50%;
	}
}

@media (width >= 1280px) {
	.wp-block-wrd-section-report {
		--wp-block-wrd-section-report__padding: 7.5rem;
	}
	.wp-block-wrd-section-report__foreground--right {
		display: block;
	}
	.wp-block-wrd-section-report__prose {
		max-width: 65ch;
	}
}