.l-cols--text {
	display: block;
	column-gap: var(--space-m);
}


@media screen and (min-width: 80ch){

	.l-cols {
		display: grid;
		column-gap: var(--space-m);
		justify-content: space-between;
	}

	.l-cols--2 {

		grid-template-columns: 1fr 1fr;
	}

	.l-cols--g {
		grid-template-columns: 35fr 65fr;
	}

	.l-cols--text {
		column-count: 2;
	}
}

@container l-container (min-width: 55ch){

	.l-cols {
		display: grid;
		column-gap: var(--space-m);
		justify-content: space-between;
	}

	.l-cols--2 {

		grid-template-columns: 1fr 1fr;
	}

	.l-cols--g {
		grid-template-columns: 35fr 65fr;
	}

	.l-cols--text {
		column-count: 2;
	}
}

@container l-container (min-width: 95ch){

	.l-cols--3 {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.l-cols--text {
		column-count: 3;
	}

	.l-cols--2-text {
		column-count: 2;
	}
}