/* Item Grid block */

.item-grid {
	padding-top:    var( --ig-pt, 3rem );
	padding-bottom: var( --ig-pb, 3rem );
	margin-top:     var( --ig-mt, 0rem );
	margin-bottom:  var( --ig-mb, 0rem );
}
.item-grid--bg-light { background: #f5f5f5; }
.item-grid--bg-white { background: #ffffff; }

.item-grid__inner {
	max-width: 75rem;
	margin: 0 auto;
	padding: 0 1.5rem;
}

.item-grid__head { margin-bottom: 2rem; }
.item-grid__eyebrow {
	font-family: 'Jost', system-ui, sans-serif;
	font-size: 1rem; font-weight: 500; letter-spacing: 0.25rem;
	text-transform: uppercase; color: rgba( 0, 13, 38, 0.7 ); margin: 0 0 0.5rem;
}
.item-grid__heading {
	font-family: 'Quincy', Georgia, serif;
	font-size: clamp( 1.9rem, 3.2vw, 2.75rem );
	font-weight: 400; line-height: clamp( 2.09rem, 3.52vw, 3.025rem ); color: #000d26; margin: 0;
}

.item-grid__grid {
	display: grid;
	grid-template-columns: repeat( var( --ig-cols, 2 ), minmax( 0, 1fr ) );
	gap: 2rem 3rem;
}
/* A grid holding a single item spans the full width instead of sitting in one
   half-width column with empty space beside it. */
.item-grid__grid:has( > .item-grid__item:only-child ) { grid-template-columns: 1fr; }
.item-grid__item { min-width: 0; }
.item-grid__title {
	font-family: 'Jost', system-ui, sans-serif;
	font-size: 1.375rem; font-weight: 600; line-height: 1.7188rem;
	color: #000d26; margin: 0 0 0.6rem;
}
.item-grid__text {
	font-family: 'Source Sans 3', system-ui, sans-serif;
	font-size: 1.0625rem; line-height: 1.55; color: #34415a;
	margin: 0 0 0.75rem;
}
.item-grid__text:last-child { margin-bottom: 0; }

@media ( max-width: 900px ) {
	.item-grid__grid { grid-template-columns: 1fr; gap: 1.75rem; }
}

@media ( max-width: 768px ) {
	.item-grid__inner { padding: 0 1rem; }
}
/* Section PADDING stays desktop until 600px (site-wide standard: desktop = tablet). */
@media ( max-width: 600px ) {
	.item-grid {
		padding-top:    var( --ig-pt-m, var( --ig-pt, 2rem ) );
		padding-bottom: var( --ig-pb-m, var( --ig-pb, 2rem ) );
		margin-top:     var( --ig-mt-m, var( --ig-mt, 0rem ) );
		margin-bottom:  var( --ig-mb-m, var( --ig-mb, 0rem ) );
	}
}