/* GMIA Recovered Counter: full-width band modeled on genesight.com, in GetGordon's 2025 look. */
.gmia-rc {
	--gmia-rc-bg: #000;
	--gmia-rc-text: #fff;
	--gmia-rc-accent: #e3bf79;
	/* Outline "person" icon, repeated along each strip. Swap this to change the motif. */
	--gmia-rc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='40' viewBox='0 0 44 40' fill='none' stroke='%23e3bf79' stroke-width='3.2' stroke-linecap='round'%3E%3Ccircle cx='22' cy='11' r='7.5'/%3E%3Cpath d='M8 37v-3a10 10 0 0 1 10-10h8a10 10 0 0 1 10 10v3z'/%3E%3C/svg%3E");

	display: flex;
	align-items: center;
	gap: 32px;
	width: 100%;
	padding: 56px 0;
	background: var(--gmia-rc-bg);
	color: var(--gmia-rc-text);
	font-family: Montserrat, sans-serif;
	overflow: hidden;
}

.gmia-rc__strip {
	flex: 1 1 0;
	min-width: 0;
	height: 40px;
	background-image: var(--gmia-rc-icon);
	background-repeat: repeat-x;
	background-size: 44px 40px;
}

.gmia-rc__strip--left {
	background-position: right center;
}

.gmia-rc__strip--right {
	background-position: left center;
}

.gmia-rc__line {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 0;
	white-space: nowrap;
}

.gmia-rc__amount {
	display: inline-block;
	font-size: clamp(40px, 5vw, 72px);
	font-weight: 700;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	text-align: right;
}

.gmia-rc__label {
	font-size: 18px;
	color: var(--gmia-rc-accent);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* Fade in when JS is active; without JS everything is visible. */
.gmia-rc--js .gmia-rc__line,
.gmia-rc--js .gmia-rc__strip {
	opacity: 0;
	transition: opacity 0.6s ease;
}

.gmia-rc--js.is-visible .gmia-rc__strip--left {
	opacity: 1;
}

.gmia-rc--js.is-visible .gmia-rc__line {
	opacity: 1;
	transition-delay: 0.25s;
}

.gmia-rc--js.is-visible .gmia-rc__strip--right {
	opacity: 1;
	transition-delay: 0.5s;
}

/* Tablet: one strip, number and label stacked. */
@media (max-width: 1024px) {
	.gmia-rc {
		flex-direction: column;
		gap: 20px;
		padding: 44px 16px;
	}

	.gmia-rc__strip {
		flex: none;
		width: 100%;
		background-position: center;
	}

	.gmia-rc__strip--right {
		display: none;
	}

	.gmia-rc__line {
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}

	.gmia-rc__amount {
		text-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.gmia-rc--js .gmia-rc__line,
	.gmia-rc--js .gmia-rc__strip {
		opacity: 1;
		transition: none;
	}
}