.box--operation {
	max-width: 100%;
	margin-bottom: 0;
	padding: 1.25em 1em;
	background-color: var(--color-yellow);
	color: var(--color-mid-green);
	font-family: 'Sequel-Neue', sans-serif;
	font-size: clamp(16px, 2vw, 32px);
	text-transform: uppercase;
	border-radius: 0.2em;
	position: relative;
}

.box--operation::before,
.box--operation::after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.box--operation::before {
	aspect-ratio: 189/213;
	height: min(100%, 64px);
	left: 0;
	transform: translate(-25%, -25%);
	background-image: url(../../images/operation-assiette2025/kiwi-sungold-handdrawn.svg);
}

.box--operation::after {
	aspect-ratio: 189/213;
	height: min(100%, 64px);
	right: 0;
	transform: translate(25%, -25%);
	background-image: url(../../images/operation-assiette2025/kiwi-green-handdrawn.svg);
}

.heading-1 {
	font-size: clamp(36px, 12vw, 42px)
}


.fs-3 {
	font: 400 1em Ainslie-Nor, sans-serif;
}

@media screen and (min-width: 768px) {
	
	.box--operation {
		max-width: min(848px, 60%);
	}

	.box--operation::before {
		height: min(100%, 213px);
		transform: translate(-80%, -80%);
	}

	.box--operation::after {
		height: min(100%, 213px);
		transform: translate(80%, -80%);
	}

	.heading-1 {
		font-size: min(6.25vw, 90px);
	}


	.fs-3 {
		font: 400 clamp(1rem, 2.8vw, 40px) Ainslie-Nor, sans-serif;
	}

	.banner__content .heading-1 {
		width: 56%;
		min-width: 720px
	}
}