/* Block: DD — Tekstkolommen */

.dd-textcols {
	padding: 80px 0 20px;
}

.dd-textcols__grid {
	display: grid;
	grid-template-columns: 0.7fr 1.3fr;
	gap: 64px;
}

.dd-textcols--list-right .dd-textcols__grid {
	grid-template-columns: 1.3fr 0.7fr;
}

/* The narrative column is capped for comfortable reading. */
.dd-textcols--eyebrow-left .dd-textcols__col--right,
.dd-textcols--eyebrow-left-title .dd-textcols__col--right {
	max-width: 640px;
}

.dd-textcols--list-right .dd-textcols__col--left {
	max-width: 640px;
}

.dd-textcols--list-right .dd-textcols__col--right {
	align-self: start;
}

/* Big serif-light lead paragraph. */
.dd-textcols__lead {
	font-family: var(--dd-serif);
	font-weight: 300;
	font-size: 28px;
	line-height: 1.4;
	letter-spacing: -0.01em;
	color: var(--dd-ink);
	margin: 0 0 24px;
}

.dd-textcols__title {
	margin: 0 0 20px;
}

.dd-textcols__body {
	max-width: 640px;
}

/* Arrow list (Solution variant) — tighter than the base utility. */
.dd-textcols__list {
	gap: 12px;
}

.dd-textcols__list li {
	align-items: center;
	font-size: 15px;
}

.dd-textcols__list li::before {
	font-size: 20px;
	line-height: 1;
}

@media (max-width: 900px) {
	.dd-textcols {
		padding: 56px 0 16px;
	}

	.dd-textcols__grid,
	.dd-textcols--list-right .dd-textcols__grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.dd-textcols__col--left:empty {
		display: none;
	}
}

@media (max-width: 600px) {
	.dd-textcols__lead {
		font-size: 24px;
	}
}