.cvh--post_query[data-card-template="teammember"] .cvh--post_query-posts {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
	grid-auto-rows: minmax(240px, 1fr) auto;
}


.cvh--card-ctn[data-card-template="teammember"] {
	font-size: var(--text-m);
	background-color: white;
	grid-column: span 1;
	overflow: clip;

	display: grid;
	/* grid-template-areas:	"head"
							"body"; */
	grid-template-rows: subgrid;
	grid-template-columns: 1fr;
	grid-row: span 2;
	gap: 0;
	height: 100%;
	container: unset;

	& > * {
		grid-column: 1 / -1;
	}

	.cvh--image-ctn,
	.cvh--teammember-description {
		grid-row: 1 / 2;
	}
   
	.cvh--teammember-content {
		grid-row: 2 / -1;
		padding: var(--cvh-space-xs);
	}

	.cvh--teammember-description {
		position: relative;
		z-index: 10;
		transform: translateY(-100%);
		transition: var(--cvh-transition-normal);
		padding: var(--cvh-space-s);
	}

	.cvh--teammember-description::after {
		content: '\0A';
		position: absolute;
		inset: 0;
		background-color: white;
		opacity: 0.9;
		z-index: -5;
	}
	
	.cvh--card-title {
		font-size: inherit;
		margin-bottom: var(--cvh-space-xs);
	}
}

.cvh--card-ctn[data-card-template="teammember"]:is(:hover, :focus-within) .cvh--teammember-description {
	transform: translateY(0%);
}