.scene-07-layer-headline {
	background-color: var(--green-border);
	clip-path: polygon(0 0, 100% 0, calc(100% - 1em) 100%, 0 100%);
	color: white;
	font-size: var(--font-size-40-16);
	font-weight: 500;
	padding: .6em 3em .6em 1.8em;
	width: fit-content;
}

@media (max-width: 600px) {
	.scene-07-layer-headline {
		margin-top: 4em
	}
}

.scene-07-layer-hero-container {
	align-items: end;
	display: grid;
}

.scene-07-layer-hero-container.text-top {
	align-items: start;
}

.scene-07-layer-hero-picture {
	grid-area: 1/1/2/2;
}

.scene-07-layer-hero-image {
	display: block;
	min-height: 450px;
	object-fit: cover;
}

.scene-07-layer-hero-text-container {
	color: white;
	grid-area: 1/1/2/2;
	padding: 5% 10%;
	text-shadow: 0 0 .5em #0004, 0 0 .1em #0004;
}

.scene-07-layer-hero-text-container.text-top {
	align-items: start;
}

.scene-07-layer-hero-text-container.text-black {
	color: var(--black);
	text-shadow: 0 0 1em #fff, 0 0 0.7em #fff, 0 0 0.4em #fff, 0 0 0.2em #fff;
}

.scene-07-layer-hero-headline {
	font-size: var(--font-size-80-20);
	font-weight: 500;
	line-height: 1.2;
	margin-top: 0;
	max-width: 20ch;
}

.scene-07-layer-hero-headline.long {
		max-width: none;
}

.scene-07-layer-hero-text {
	font-size: var(--font-size-40-16);
	font-weight: 400;
	line-height: 1.4;
	max-width: min(41ch, 100%);
}

.scene-07-layer-hero-text.long {
		max-width: none;
}

.scene-07-layer-hero-text p:first-child { margin-block-start: 0; }
.scene-07-layer-hero-text p:last-child { margin-block-end: 0; }

.scene-07-layer-headline-green-container {
	display: grid;
	justify-items: start;
	padding: 10%;
}

.scene-07-layer-headline-green {
	color: var(--green);
	font-size: var(--font-size-80-22);
	font-weight: 500;
	line-height: 1.2;
	max-width: 15ch;
}

.scene-07-layer-outer-container {
	display: block;
	margin-inline: auto;
	max-width: 2560px;
}

.scene-07-layer-outer-image {
	display: block;
	object-fit: cover;
}

.scene-07-layer-text-container {
	background-color: #F4F4F4;
	clip-path: polygon(-10% 0, 100% 0, 100% 90%, 20% 100%);
	display: grid;
	font-size: var(--font-size-40-16);
	justify-items: end;
	padding: 4% 10% 12%;
}

@media (min-width: 800px) {
	.scene-07-layer-text-container {
		clip-path: polygon(calc(100% - min(41ch + 19%, 86%)) 0, 100% 0, 100% 90%, calc(100% - min(41ch + 10%, 73%)) 100%);
		padding: 4% 10% 8%;
	}
}

.scene-07-layer-text {
	color: var(--black);
	line-height: 1.5;
	max-width: min(41ch, 75%);
}

.scene-07-layer-text p:first-child { margin-block-start: 0; }
.scene-07-layer-text p:last-child { margin-block-end: 0; }


.scene-07-layer-icon-container {
	display: grid;
	grid-row-gap: 3em;
	font-size: var(--font-size-26-12);
	justify-items: center;
	margin-inline: auto;
	max-width: 2560px;
	padding-block: calc(5% + 20px);
	padding-inline: 10%;
}

@media (min-width: 800px) {
	.scene-07-layer-icon-container {
		align-items: flex-start;
		column-gap: 5em;
		display: flex;
		justify-content: space-evenly;
	}
}

.scene-07-layer-icon-item {
	display: grid;
	grid-row-gap: 1em;
	justify-items: center;
	max-width: 22ch;
}

.scene-07-layer-icon-item-image {
	height: 6em;
}

.scene-07-layer-icon-item-text {
	text-align: center;
}

.scene-07-layer-center {
	display: grid;
	font-size: var(--font-size-40-16);
	grid-row-gap: 2em;
	justify-items: center;
	margin-inline: auto;
	max-width: 2560px;
	padding-block: 10%;
	padding-right: 10%;
}

.scene-07-layer-text-green {
	color: var(--green);
	font-weight: 500;
}
