/**
 * Layout: Text — 2 Columns.
 *
 * @package GagaMuller
 */

.gm-textcols__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--gm-space-32);
}

.gm-textcols__head {
	display: grid;
	align-content: start;
	gap: var(--gm-space-24);
}

.gm-textcols__title {
	margin: 0;
	color: var(--gm-text);
}

.gm-textcols__lead {
	max-width: 22rem;
	margin: var(--gm-space-8) 0 0;
	color: var(--gm-text);
	font-family: var(--gm-font-heading);
	font-size: var(--gm-text-body-lg);
	font-weight: var(--gm-weight-bold);
	line-height: 1.3;
}

.gm-textcols__cols {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--gm-space-20) var(--gm-space-32);
	align-content: end;
	color: var(--gm-text-secondary);
	font-size: var(--gm-text-body);
	line-height: var(--gm-leading-body);
}

.gm-textcols__col p {
	margin: 0 0 var(--gm-space-14);
}

.gm-textcols__col p:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.gm-textcols__cols--2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.gm-textcols__inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
		gap: clamp(2rem, 5vw, 4.5rem);
	}
}