/* StatBand — Castle Windows proof tiles (Figma hero-section stat band).
   Band is a 1216px-design centered column with 17px gaps; tiles are square,
   70%-black washes over the hero media with accent values. */

.stt-bnd {
	max-width: 76rem;
	margin-inline: auto;
	--grd-sp-dyn: 1.0625rem;

	/* .fnt_t-1 wires --title-color at [data-colors] scope (0,2,0) — the strong
	   class keeps this override ahead of it. */
	strong.fnt_t-1 {
		--title-color: var(--accent);
		font-size: 4rem;
		line-height: 1.1;
	}

	span {
		font-size: 1.25rem;
		font-weight: 600;
		letter-spacing: normal;
	}
}

/* 1px slack on the grid item basis: the catalog formula lands the 4-up row
   within a fraction of a pixel of the container and float rounding wraps the
   last tile. Selector matches the catalog's specificity + 1 to win. */
.grd.stt-bnd[class*="gp_sp"] {
	--itm-w: calc(var(--itm-val) * 1% - (var(--grd-sp-dyn) * ((100 - var(--itm-val)) * .01)) - 1px);
}

/* Extra .grd class out-specifies the color-structure surface rule so the tiles
   keep a translucent black wash instead of the solid inner-theme surface.
   min-width lets the "Andersen" value tile shrink to its flex basis instead of
   forcing the row to wrap; the padding matches the design's tight tiles. */
.grd.stt-bnd > .bg-bx:not(.no-bg) {
	background-color: hsl(from var(--black) h s l / 0.7);
	border-top: 2px solid var(--accent);
	min-height: 11.5625rem;
	min-width: 0;
	padding: 1.875rem 1rem;
}