.two-columns {
	align-items: center;
	display: grid;
	gap: 16px clamp(32px, calc(10vw - 80px), 96px);
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	margin-inline: auto;
	max-width: 1280px;
	padding-block: 16px;
}

.two-columns img {
	border-radius: var(--r2);
	height: auto;
	width: 100%;
}

section.hero {
	padding-block-start: 0;
}

.hero p {
	opacity: .7;
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: .1875rem;
	margin-block-start: -24px;
	margin-inline: -16px;
	text-transform: uppercase;
}

.hero article {
	justify-items: center;
	text-align: center;
}

.hero p span {
	border-inline-end: 1px solid #a8a6;
	margin-inline-end: 16px;
	padding-inline-end: 16px;
}

.hero blockquote {
	font-size: 1.25rem;
	font-weight: 300;
	margin-block: 32px;
	text-wrap-style: balance;
}

.hero blockquote::before { content: '„' }
.hero blockquote::after { content: '”' }
.hero blockquote::before,
.hero blockquote::after {
	font-weight: 800;
	opacity: .57;
}

.hero a[role="button"] {
	margin-inline: auto;
}

.info {
	background-color: var(--primary-dark);
	max-width: 100%;
	padding-inline: max(calc(50% - 608px), 16px);
}

.info article {
	padding-block: 32px;
}

@media (width < 64rem) {
	.two-columns.info img {
		display: none;
	}

	.two-columns.info {
		grid-template-columns: minmax(0, 1fr);
		padding-block: 48px;
	}

	.info article {
		padding-block: 0;
	}
}

@media (width < 50rem) {
	.two-columns {
		grid-template-columns: minmax(0, 1fr);
		padding-block: 48px;
	}

	.two-columns img {
		border-radius: var(--ri);
		max-height: 50vh;
		max-width: min(60ch, 100%);
		min-height: 480px;
		order: -1;
		width: auto;
	}

	.two-columns.hero > article {
		margin-block-start: calc(30vh - 436px);
		background: linear-gradient(#0000, var(--primary) 20%);
		padding-block-start: 64px;
		z-index: 1;
	}
}

@container (width < 30rem) {
	.two-columns.hero p {
		font-size: 1rem;
	}
}

#faq {
	border-block-start: 1px solid #0002;
	max-width: 100%;
}