/**
 * Stat Band — bordered row of headline statistics.
 * Typography via utilities; layout/rules/spacing only here.
 */

.flexible-section.stat-band {
	background: var(--color-bg2);
	border-bottom: 1px solid var(--color-border);
	padding-block: 0;
	padding-inline: var(--section-pad-x);
}

.stat-band-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	max-width: var(--container-narrow);
	margin: 0 auto;
}

.stat-band-cell {
	padding: clamp(30px, 1.98vw + 22.9px, 57.5px) clamp(14px, 1.29vw + 9.4px, 30px);
	text-align: center;
	border-inline-end: 1px solid var(--color-border);
}

/* Pillar variant sits slightly tighter than the figure variant. */
.stat-band.is-pillar .stat-band-cell {
	padding-block: clamp(28px, 1.87vw + 21.3px, 55px);
}

.stat-band.is-pillar .stat-band-n {
	margin-bottom: 10px;
	white-space: normal;
}

/* Pillar captions are sentences, not the figure variant's tracked-out labels. */
.stat-band.is-pillar .stat-band-l {
	letter-spacing: normal;
	text-transform: none;
}

.stat-band-cell:last-child {
	border-inline-end: none;
}

.stat-band-n {
	margin-bottom: clamp(8px, 0.56vw + 6px, 15px);
	white-space: nowrap;
}

/* Gold accent inside a figure, e.g. the "+" in "100+". */
.stat-band-n em {
	font-style: normal;
	color: var(--color-gold2);
}

.stat-band-l {
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

/*
 * `.is-5up` — opt in to a five-column band. The default is `repeat(4, 1fr)` and
 * is shared with the Careers page's four-cell pillar band, so About Us' licensing
 * row (1918 · 100+ · 7 title · 17 AMC · Nationwide, client call 2026-08-04) asks
 * for the extra column through the section class instead of moving the default.
 * Same mechanism as `.services.is-3up`.
 *
 * The two media queries below are NOT redundant with the base ones: this
 * selector carries an extra class, so it outranks `.stat-band-grid` inside them
 * and has to restate the collapse itself.
 */
.stat-band.is-5up .stat-band-grid { grid-template-columns: repeat(5, 1fr); }

@media (max-width: 1024px) {
	.stat-band-grid { grid-template-columns: repeat(2, 1fr); }
	.stat-band-cell:nth-child(2n) { border-inline-end: none; }
	.stat-band-cell:nth-child(-n + 2) { border-bottom: 1px solid var(--color-border); }

	.stat-band.is-5up .stat-band-grid { grid-template-columns: repeat(2, 1fr); }

	/* Five cells in two columns leaves a third row, so rows 1–2 all need a rule. */
	.stat-band.is-5up .stat-band-cell:nth-child(-n + 4) { border-bottom: 1px solid var(--color-border); }
}

@media (max-width: 480px) {
	.stat-band-grid { grid-template-columns: 1fr; }
	.stat-band-cell { border-inline-end: none; }
	.stat-band-cell:not(:last-child) { border-bottom: 1px solid var(--color-border); }

	.stat-band.is-5up .stat-band-grid { grid-template-columns: 1fr; }
}