.acts-grid-section{
	padding:80px 20px;
}

.acts-grid-intro{
	max-width:760px;
	margin:0 auto 40px;
	text-align:center;
	color:var(--white);
}
.acts-grid-intro h2 {font-family:'heading';font-size:clamp(2.7rem, 4vw, 4rem);margin-bottom:0 auto 8px auto;}
.acts-grid{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:24px;
	align-items:stretch;
	max-width:1280px;
	margin:0 auto 40px auto;align-items:stretch;
}

.act-card{
	height:100%;
	border-radius:10px;background:var(--black);
	overflow:hidden;
	box-shadow:0 8px 24px rgba(0,0,0,0.42);
	transition:transform 0.2s ease, box-shadow 0.2s ease;
	display:flex;
	flex-direction:column;
}

.act-card:hover{
	transform:translateY(-4px);
	box-shadow:0 14px 30px rgba(0,0,0,0.76);filter:brightness(1.05);
}

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

.act-card__image{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:16 / 7;
	object-fit:cover;
}

.act-card__body{
	display:flex;
	flex-direction:column;
	flex:1;
	padding:20px 18px 0 18px;
	text-align:center;
}

.act-card__body h3{
	margin:0 auto 4px auto;letter-spacing:-0.01em;font-size:1.7rem;
}

.act-card__meta{
	margin:0 auto 6px auto;
	font-family:'text';
	opacity:0.9;
}

.act-card__desc{
	margin:0 auto 28px auto;
	opacity:0.75;font-size:0.9rem
}
.act-card img{
	transition:transform .35s ease;
}

.act-card:hover img{
	transform:scale(1.04);
}


.act-card--purple .act-card__body{
	background:radial-gradient(circle at 50% 0%, var(--purp), var(--back)130%);
	color:#fff;
}

.act-card--pink .act-card__body{
	background:radial-gradient(circle at 50% 0%, var(--pink), var(--back) 130%);
	color:#fff;
}

.act-card--blue .act-card__body{
	background:radial-gradient(circle at 50% 0%, var(--blue), var(--back)130%);
	color:#fff;
}
.act-card .ctaGreen {pointer-events: none;transform:translateX(-18px);max-width:calc(100% + 36px);min-width:calc(100% + 36px);margin:0;border-radius:0;box-shadow:none;margin-top:auto;transition:all 0.25s ease}
 .act-card:hover .ctaGreen {box-shadow:none;filter:brightness(1.1)}


/* Tablet */
@media (max-width: 980px){
	.acts-grid{
		grid-template-columns:repeat(2,1fr);}
		.acts-grid .act-card:nth-child(3){
			grid-column:1 / -1;
			max-width:100%;
			margin-left:auto;
			margin-right:auto;
		}
}

/* Mobile */
@media (max-width: 680px){
	.acts-grid{
		grid-template-columns:1fr;
		gap:18px;max-width:100%;
	}

	
	.act-card__body{
		padding:18px 16px 0 16px;
	}
}