.scene-11 {
	background-color: var(--wood);
	display: grid;
	isolation: isolate;
	margin-inline: auto;
	max-width: var(--max-width);
	overflow: hidden;
	padding-bottom: min((100vw - 375px) * (360 - 50) / (2560 - 375) + 50px, 360px);
}

.scene-11 .headline-container {
	padding-bottom: clamp(40px, 5%, 128px);
	padding-inline: 5%;
	padding-top: min((100vw - 375px) * (300 - 20) / (2560 - 375) + 20px, 300px);
	grid-column: 1/2;
	grid-row: 1/2;
	position: relative;
	z-index: 1;
}

@media (min-width: 1000px) {
	.scene-11 .headline-container {
		padding-inline: 10%;
	}
}

.scene-11 .headline-1,
.scene-11 .headline-3 {
	color: var(--brown);
	font-size: min((100vw - 375px) * (140 - 26) / (2560 - 375) + 26px, 140px);
	font-weight: 500;
	line-height: 1.2;
}

.scene-11 .headline-2 {
	color: white;
	font-size: min((100vw - 375px) * (80 - 16) / (2560 - 375) + 16px, 80px);
	line-height: 1.2;
	margin-left: 1.9em;
}

.scene-11 .headline-4,
.scene-11 .headline-6 {
	color: var(--brown);
	font-size: min((100vw - 375px) * (100 - 18) / (2560 - 375) + 18px, 100px);
	font-weight: 500;
	line-height: 1.2;
	text-align: right;
}

.scene-11 .headline-4 {
	margin-right: 1.4em;
	margin-top: -7%;
}

.scene-11 .headline-5 {
	color: white;
	font-size: min((100vw - 375px) * (55 - 12) / (2560 - 375) + 12px, 55px);
	line-height: 1.2;
	margin-right: 2em;
	text-align: right;
}

.scene-11 .image-container {
	grid-column: 1/2;
	grid-row: 1/3;
	overflow: hidden;
	position: relative;
	z-index: -1;
}

.scene-11 .image {
	display: block;
	height: auto;
	width: 100%;
}

.scene-11 .text-container {
	background-color: white;
	clip-path: polygon(0 0, 100% 0, 90% 90%, 0 100%);
	font-size: var(--font-size-26-16);
	padding-bottom: clamp(40px, 5%, 128px);
	padding-inline: 10%;
	padding-top: min((100vw - 375px) * (77 - 21) / (2560 - 375) + 21px, 77px);
}

@media (min-width: 1000px) {
	.scene-11 .text-container { width: 55%; }
}

.scene-11 .text-container p:first-child {
	margin-block-start: 0;
}