/* ============================================================
 * VaaSBlock — Homepage overrides
 * ============================================================
 * Overrides the parent keystone-theme/assets/css/homepage.css
 * for VaaSBlock-specific layout needs.
 * ============================================================ */

/* Allow tagline to fill the full container width (parent caps at 840px). */
.keystone-hp-intro__tagline {
	max-width: 100% !important;
}

/* ── Featured hero — breathing room below the nav/ticker strip ─
 * The browser default ~19px top margin is not enough; give the
 * hero image a more deliberate gap from the section above it.
 * ─────────────────────────────────────────────────────────── */
.keystone-hp-featured {
	margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

/* ── Homepage stat-proof card ──────────────────────────────────
 * Remove section side-padding so the card fills the full alignwide
 * width. Reduce block padding. Increase number→label gap.
 * Hide entirely on mobile (decorative context widget).
 * ─────────────────────────────────────────────────────────── */
.vaasblock-stat-proof--hp {
	padding-inline:       0 !important;
	padding-block-start:  0 !important;
	padding-block-end:    clamp(1.5rem, 3vw, 2rem);
}

.vaasblock-stat-proof--hp .vaasblock-stat-proof__inner {
	padding: clamp(1.5rem, 3vw, 2rem);
}

.vaasblock-stat-proof--hp .vaasblock-stat-proof__cell {
	gap: 0.85rem;
}

@media (max-width: 600px) {
	.vaasblock-stat-proof--hp {
		display: none;
	}
}