/* Numbered grid pattern. Column count, gaps, padding, and borders live on the Group blocks. */

.liteaspace-audience.wp-block-group {
	background-color: var(--wp--preset--color--tea-ivory);
}

.liteaspace-audience__eyebrow {
	font-family: var(--wp--preset--font-family--label);
	font-size: 0.72rem;
	font-weight: 400;
	letter-spacing: 0.28em;
	line-height: 1.5;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--wp--preset--color--tea-forest) 48%, #ffffff);
}

.liteaspace-audience > .wp-block-heading {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.4rem, 4vw, 3.35rem);
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.15;
	color: var(--wp--preset--color--tea-forest);
}

.liteaspace-audience__index {
	font-family: var(--wp--preset--font-family--label);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	line-height: 1;
	color: color-mix(in srgb, var(--wp--preset--color--tea-forest) 42%, #ffffff);
}

.liteaspace-audience__cell > .wp-block-heading {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.2rem, 1.5vw, 1.45rem);
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.25;
	color: var(--wp--preset--color--tea-forest);
}

.liteaspace-audience__desc {
	font-family: var(--wp--preset--font-family--label);
	font-size: 0.92rem;
	line-height: 1.65;
	color: color-mix(in srgb, var(--wp--preset--color--tea-forest) 62%, #ffffff);
}

@media (max-width: 781px) {
	.liteaspace-audience__grid {
		grid-template-columns: 1fr !important;
	}

	.liteaspace-audience__cell {
		border-left: 0 !important;
		border-top: 1px solid #d5d0c4;
	}

	.liteaspace-audience__grid > .liteaspace-audience__cell:first-child {
		border-top: 0;
	}
}