.puff__content p {
	color: var(--primary-dark);
}
.puffar--wide .puff {
	display: grid;
	grid-template-columns: var(--grid-1-3);
	gap: var(--space-m);
}

@media screen and (max-width: 1025px) {
	.puffar--wide .puff {
		display: block;
		flex-wrap: wrap;
	}
	.puffar--wide .puff {
		display: block;
	}
}
.puffar--wide .puff h3 {
	font-size: var(--h5);
	line-height: var(--h5-line-height);
}

.puffar--wide .puff {
	padding-top: 16px;
}
.puffar--wide .puff::after {
	content: "";
	position: absolute;
	top: 0;
	width: 100vw;
	height: 1px;
	background: var(--primary);
}

.puffar--wide {
	overflow: hidden;
	margin-top: 25px;
}
@media screen and (min-width: 1026px) {
	.puffar--wide .puff__content {
		max-width: 303px;
	}
}

.puffar--list {
	display: grid;
	grid-template-columns: var(--grid-2);
	column-gap: 140px;
	row-gap: 50px;
	margin-top: 50px;
}

@media screen and (max-width: 1025px) {
	.puffar--list {
		grid-template-columns: var(--grid-1);
		column-gap: 40px;
		row-gap: 40px;
		margin-top: 30px;
	}
}

.puffar--list h3 {
	font-size: var(--h4);
	line-height: var(--h4-line-height);
}

p:has(+ .puffar--list) {
	max-width: 580px;
}
.puffar--list .puff__content {
	margin-top: 12px;
}

@media screen and (max-width: 1025px) {
	.puff__content {
		margin-top: 12px;
	}
}