/* ==========================================================================
   Info Cards Block
   ========================================================================== */

.pillar-info-cards {
	background: #ffffff;
	color: #ffffff;
	border: 0;
}

.pillar-info-cards__inner {
	max-width: 1320px;
	margin: 0 auto;
	padding: var(--pillar-info-cards-padding-y, 6vh) clamp(1.5rem, 4vw, 3.5rem);
}

.pillar-info-cards__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.5rem);
}

.pillar-info-cards__card {
	display: flex;
	flex-direction: column;
	padding: clamp(1.75rem, 3vw, 2.5rem);
	background: #282828;
	border-radius: 20px;
	opacity: 0;
	transform: translateY(1.1rem);
}

.pillar-info-cards__title {
	margin: 0 0 1rem;
	font-size: clamp(1.15rem, 1.8vw, 1.45rem);
	font-weight: 700;
	line-height: 1.3;
	color: #ffffff;
}

.pillar-info-cards__body {
	font-size: clamp(0.88rem, 1.05vw, 0.98rem);
	font-weight: 400;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.92);
}

.pillar-info-cards__body p {
	margin: 0;
}

.pillar-info-cards__body p + p {
	margin-top: 1em;
}

/* --------------------------------------------------------------------------
   Staggered card reveal — left first, then right
   -------------------------------------------------------------------------- */

.pillar-info-cards.pillar-reveal > * {
	opacity: 1;
	transform: none;
	transition: none;
}

.pillar-info-cards.is-revealed .pillar-info-cards__card:nth-child(1) {
	animation: pillar-info-cards-fade 0.85s ease 0.1s forwards;
}

.pillar-info-cards.is-revealed .pillar-info-cards__card:nth-child(2) {
	animation: pillar-info-cards-fade 0.85s ease 0.4s forwards;
}

.pillar-info-cards.is-revealed .pillar-info-cards__card:nth-child(n + 3) {
	animation: pillar-info-cards-fade 0.85s ease 0.7s forwards;
}

@keyframes pillar-info-cards-fade {
	from {
		opacity: 0;
		transform: translateY(1.1rem);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.pillar-info-cards__card {
		opacity: 1;
		transform: none;
		animation: none !important;
	}
}

.editor-styles-wrapper .pillar-info-cards__card {
	opacity: 1;
	transform: none;
	animation: none !important;
}

.wp-block-acf-info-cards {
	margin: 0;
	max-width: none;
}

@media (max-width: 768px) {
	.pillar-info-cards__grid {
		grid-template-columns: 1fr;
	}
}