/**
 * SP Wealth Group — homepage revisions layer.
 * Loads after spw-home.css. Solution chips (cards + modal) and the CEO note section.
 * Version: 0.9.5 — 2026-08-25
 */

/* ---------------------------------------------------------------------------
 * Solution chips — in-card copy
 * ------------------------------------------------------------------------- */
.spw-company-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}

.spw-company-chips li {
	margin: 0;
	padding: 5px 12px;
	font-family: "Funnel Sans", sans-serif;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(244, 239, 228, 0.7);
	border: 1px solid rgba(244, 239, 228, 0.16);
	border-radius: 999px;
	white-space: nowrap;
}

/* The detail-source copy is data for the modal only; never render it in the card. */
.spw-company-detail-source .spw-company-chips {
	display: none;
}

/* ---------------------------------------------------------------------------
 * Solution chips — modal copy (JS clones chips into this container)
 * ------------------------------------------------------------------------- */
.spw-company-modal__chips {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	scrollbar-width: none;
	gap: 8px;
	margin: 0 0 22px;
	padding-bottom: 2px;
	max-width: 680px;
}
.spw-company-modal__chips::-webkit-scrollbar { display: none; }
.spw-company-modal__chips li { flex: 0 0 auto; }

.spw-company-modal__chips li {
	margin: 0;
	padding: 5px 12px;
	font-family: "Funnel Sans", sans-serif;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(244, 239, 228, 0.7);
	border: 1px solid var(--spw-gold);
	border-radius: 999px;
	white-space: nowrap;
}

/* ---------------------------------------------------------------------------
 * CEO note
 * ------------------------------------------------------------------------- */
.spw-ceo-note {
	padding: 120px 0 90px;
	text-align: center;
}

.spw-ceo-note .spw-custom-section__inner {
	max-width: 720px;
	margin: 0 auto;
	padding-left: 24px;
	padding-right: 24px;
}

.spw-ceo-note .spw-kicker {
	color: #d8b049;
	margin-bottom: 32px;
}

.spw-ceo-note__quote {
	margin: 0;
	padding: 0;
	border: 0;
}

.spw-ceo-note__quote p {
	margin: 0;
	font-family: "Reckless Neue", Georgia, serif;
	font-size: clamp(22px, 2vw, 30px);
	font-weight: 350;
	line-height: 1.45;
	color: #f4efe4;
}

.spw-ceo-note__byline {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin: 28px 0 0;
}

.spw-ceo-note__photo {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid rgba(244, 239, 228, 0.2);
	/* Per Haseeb: darken/reduce brightness, slight contrast bump — the
	   source photo's light background read too bright against the dark
	   hero backdrop. */
	filter: brightness(0.82) contrast(1.08);
}

.spw-ceo-note__attribution {
	margin: 0;
	font-family: "Funnel Sans", sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: rgba(244, 239, 228, 0.6);
}

/* ---------------------------------------------------------------------------
 * Small screens
 * ------------------------------------------------------------------------- */
@media (max-width: 700px) {
	.spw-ceo-note {
		padding: 80px 0 64px;
	}
	.spw-ceo-note__quote p {
		font-size: 20px;
	}
	.spw-ceo-note__attribution {
		margin-top: 22px;
		font-size: 12px;
	}
	.spw-company-chips {
		gap: 6px;
	}
	.spw-company-chips li,
	.spw-company-modal__chips li {
		font-size: 10px;
		padding: 4px 10px;
	}
}

/* Very small screens: the in-card chips crowd the summary; the modal keeps them. */
@media (max-width: 420px) {
	.spw-company-card .spw-company-chips {
		display: none;
	}
}