/* Block: DD — Feature-paneel */

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

.dd-featurepanel__grid {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 56px;
	align-items: center;
}

.dd-featurepanel__title.dd-h2 {
	font-size: 40px;
	margin: 0 0 18px;
}

.dd-featurepanel__text {
	max-width: 380px;
}

.dd-featurepanel__text p {
	font-size: 16px;
	line-height: 1.65;
	color: var(--dd-on-dark-70);
	margin: 0;
}

.dd-featurepanel__tags {
	gap: 12px;
}

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

	.dd-featurepanel__grid {
		grid-template-columns: 1fr;
		gap: 32px;
		align-items: start;
	}
}

@media (max-width: 600px) {
	.dd-featurepanel__panel.dd-panel {
		padding: 40px 28px;
	}

	.dd-featurepanel__title.dd-h2 {
		font-size: 32px;
	}
}