/* NZ Figures band — Figma "Figures band" / NZ/Stat. Sizes per device come
   from the widget's responsive controls. */
.nz-stats {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	border-radius: 28px;
	background: var(--nz-gradient-light);
	isolation: isolate;
}

.nz-stats .nz-stats__item {
	--nz-stats-divider: var(--nz-color-border-default);
	position: relative;
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	justify-content: space-between;
	gap: 0;
	min-width: 0;
	min-height: 380px;
	padding: 32px;
	box-shadow: inset 1px 0 0 var(--nz-stats-divider);
	overflow: hidden;
}

/* Photo cell: the photo, then the Figma gradients on top (bottom → top order:
   image, vertical dark gradient, lime glow from the lower left). */
.nz-stats .nz-stats__item--image {
	--nz-scrim: 1;
	box-shadow: none;
}

.nz-stats .nz-stats__item--image img.nz-stats__img {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.nz-stats .nz-stats__item--image::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(90% 90% at 5% 100%, rgba(184, 201, 78, 0.6) 0%, rgba(10, 58, 59, 0) 100%),
		linear-gradient(180deg, rgba(6, 28, 29, 0.95) 0%, rgba(10, 58, 59, 0.8) 55%, rgba(10, 58, 59, 0.45) 100%);
	opacity: var(--nz-scrim);
}

.nz-stats .nz-stats__num,
.nz-stats .nz-stats__label,
.nz-stats .nz-stats__sub,
.nz-stats .nz-stats__value {
	margin: 0;
}

.nz-stats .nz-stats__num {
	font-family: var(--nz-font-family);
	font-size: var(--nz-font-size-caption);
	font-weight: 500;
	line-height: var(--nz-line-height-caption);
	color: var(--nz-color-text-muted);
}

.nz-stats .nz-stats__text {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.nz-stats .nz-stats__label {
	font-family: var(--nz-font-family);
	font-size: var(--nz-font-size-body);
	font-weight: 500;
	line-height: var(--nz-line-height-body);
	color: var(--nz-color-text-primary);
}

.nz-stats .nz-stats__sub {
	font-family: var(--nz-font-family);
	font-size: var(--nz-font-size-small);
	line-height: var(--nz-line-height-small);
	color: var(--nz-color-text-muted);
}

.nz-stats .nz-stats__item--image .nz-stats__num,
.nz-stats .nz-stats__item--image .nz-stats__sub {
	color: var(--nz-color-text-primary);
}

.nz-stats .nz-stats__value {
	font-family: var(--nz-font-display);
	font-size: 64px;
	font-weight: 300;
	line-height: 68px;
	letter-spacing: -0.02em;
	color: var(--nz-color-text-primary);
}
