.block-carbon-capture-counter {
	--counter-card-bg: #1E8A8A;
	--counter-card-bg-gradient: linear-gradient(135deg, #1E8A8A 0%, #7ED957 100%);
	--counter-card-text: #ffffff;
	--counter-card-text-muted: #e3f5e0;
	--counter-number-color: #ffffff;
	--counter-live-color: #d9f2c4;
}
/* Two-column layout: image on one side, statistics card on the other. */
.block-carbon-capture-counter .counter-area {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}
/* Image side */
.block-carbon-capture-counter .counter-image {
	position: relative;
	border-radius: var(--border-radius);
	overflow: hidden;
	z-index: 1;
}
.block-carbon-capture-counter .counter-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* Statistics card - overlaps the image slightly, matching the reference design */
.block-carbon-capture-counter .counter-stats {
	background: var(--counter-card-bg-gradient);
	color: var(--counter-card-text);
	border-radius: var(--border-radius);
	padding: calc(var(--grid-gap) / 1.3);
	margin-left: -8%;
	position: relative;
	z-index: 2;
}
.block-carbon-capture-counter .counter-stats h1,
.block-carbon-capture-counter .counter-stats h2,
.block-carbon-capture-counter .counter-stats h3,
.block-carbon-capture-counter .counter-stats h4 {
	color: var(--counter-card-text);
	margin-bottom: 1.5rem;
}
.block-carbon-capture-counter .counter-intro {
	color: var(--counter-card-text-muted);
	margin-bottom: 3rem;
}
/* "Updated automatically" badge with pulsing dot */
.block-carbon-capture-counter .counter-live {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	font-size: 1.2rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--counter-live-color);
	margin-bottom: 0.8rem;
}
.block-carbon-capture-counter .counter-live .dot {
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background: var(--counter-live-color);
	animation: counter-pulse 1.6s ease-in-out infinite;
}
@keyframes counter-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.4; transform: scale(0.8); }
}
/* Individual statistic rows */
.block-carbon-capture-counter .counter-stat-block {
	margin-bottom: 3rem;
}
.block-carbon-capture-counter .counter-stat-block:last-of-type {
	margin-bottom: 0;
}
.block-carbon-capture-counter .counter-number {
	font-size: clamp(3.6rem, 6vw, 5.6rem);
	font-weight: 700;
	color: var(--counter-number-color);
	line-height: 1;
	display: inline-flex;
	align-items: baseline;
	gap: 0.5rem;
}
.block-carbon-capture-counter .counter-number .unit {
	font-size: 0.55em;
}
.block-carbon-capture-counter .counter-label {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--counter-card-text);
	margin-top: 0.5rem;
}
.block-carbon-capture-counter .counter-label sub {
	font-size: 0.7em;
}
.block-carbon-capture-counter .counter-footnote {
	font-size: 1.2rem;
	color: var(--counter-card-text-muted);
	margin-top: 3rem;
	margin-bottom: 0;
}

.block-carbon-capture-counter .counter-today-badge {
	position: absolute;
	left: 100%;
	top: 0;
	margin-left: 1rem;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--counter-live-color);
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1.2;
}
.block-carbon-capture-counter .counter-today-badge.is-visible {
	animation: counter-today-rise 4.2s ease-in-out forwards;
	animation-delay: 1s;
}
.block-carbon-capture-counter .counter-today-label {
	font-size: 0.6em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	opacity: 0.85;
}
@keyframes counter-today-rise {
	0% {
		opacity: 0;
		transform: translateY(0.5rem);
	}
	15% {
		opacity: 1;
		transform: translateY(0);
	}
	70% {
		opacity: 1;
		transform: translateY(-0.8rem);
	}
	100% {
		opacity: 0;
		transform: translateY(-1.8rem);
	}
}
.block-carbon-capture-counter .counter-number {
	position: relative;
}


/* Mobile: stack image and card, matching the "reversed" convention used in block-cta.css */
@media (max-width: 768px) {
	.block-carbon-capture-counter .counter-area {
		grid-template-columns: 1fr;
	}
	.block-carbon-capture-counter .counter-area.reversed {
		display: flex;
		flex-direction: column-reverse;
	}
	.block-carbon-capture-counter .counter-stats {
		margin-left: 0;
		margin-top: -10%;
		width: 85%;
	}
}