.linkGrid {padding:40px 0}
.linkGrid__heading {line-height:1.15em}


.linkGrid__inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;max-width:1200px;padding:0 20px;margin:auto;text-align:left
}


.linkGrid__card h3 {
	font-size:clamp(1.6em, 3vw, 2em);
	text-align:left;padding:0;max-width:100%;margin:0;padding-bottom:10px
}

.linkGrid__link {
	text-decoration: none;
	color: inherit;
	display: block;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.linkGrid__title {
	margin-bottom: 10px;
}

.linkGrid__text {
	font-size: 0.95rem;
}

.linkGrid__meta {
	font-size: 0.8rem;
	opacity: 0.8;
	margin-top: 6px;width:100%
}

.linkGrid__cta {
	display: inline-block;
	margin-top: 12px;
	font-weight: 600;margin-top:auto;
}
.linkGrid__card {
	background: var(--back);
	padding: 20px;
	border-radius: 16px;
	color: var(--white);

	/* smooth animation */
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.linkGridFooter {margin:40px auto}


/* hover + focus (keyboard too) */
.linkGrid__card:hover,
.linkGrid__card:focus-within {
	transform: translateY(-6px);cursor: pointer;

	box-shadow:
		0 10px 25px rgba(0,0,0,0.25),
		0 4px 10px rgba(0,0,0,0.15);
}
/* Tablet */
@media (max-width: 800px)  {
	.linkGrid__inner {
		grid-template-columns: 1fr;text-align:center;max-width:600px;
	}
	.linkGrid__card h3 {
		font-size:clamp(1.6em, 3vw, 2em);
		text-align:canter;padding-left:auto;max-width:100%;margin:auto
	}
	.linkGrid__inner p {max-width:400px}
}
.linkGrid__card {
	will-change: transform;
}