/* ── JPS Testimonial Block ────────────────────────────────────────────────── */

/* ── Section: relative bg-near-black text-white py-24 md:py-32 lg:py-40 ──── */

.tst-section {
	position:       relative;
	background:     #0B0B0E; /* bg-near-black */
	color:          #ffffff;
	overflow:       hidden;
	padding-top:    6rem;    /* py-24 = 96px */
	padding-bottom: 6rem;
}

@media (min-width: 768px) {
	.tst-section {
		padding-top:    8rem;  /* md:py-32 = 128px */
		padding-bottom: 8rem;
	}
}

@media (min-width: 1024px) {
	.tst-section {
		padding-top:    10rem; /* lg:py-40 = 160px */
		padding-bottom: 10rem;
	}
}

/* ── Background layer: absolute inset-0 ─────────────────────────────────── */

.tst-bg {
	position: absolute;
	inset:    0;
}

/* ── Background image: h-full w-full object-cover opacity-25 ────────────── */

.tst-bg__img {
	width:      100%;
	height:     100%;
	object-fit: cover;
	display:    block;
	opacity:    0.25;
}

/* ── Gradient overlay: absolute inset-0, from-near-black/80 via/70 to ────── */

.tst-bg__overlay {
	position:   absolute;
	inset:      0;
	background: linear-gradient(
		rgba(11, 11, 14, 0.80),
		rgba(11, 11, 14, 0.70),
		rgb(11, 11, 14)
	);
}

/* ── Inner content: relative max-w-4xl mx-auto text-center ─────────────── */

.tst-inner {
	max-width:  56rem; /* max-w-4xl = 896px */
	margin:     0 auto;
	text-align: center;
}

/* ── Quote icon: h-10 w-10 mx-auto mb-8 opacity-80 ─────────────────────── */

.tst-quote-icon {
	width:         2.5rem;  /* h-10 w-10 = 40px */
	height:        2.5rem;
	display:       block;
	margin:        0 auto 2rem; /* mx-auto mb-8 = 32px */
	color:         #ffffff;
	opacity:       0.8;
	flex-shrink:   0;
}

/* ── Blockquote: Manrope 600 text-4xl leading-snug tracking-tight ────────── */

.tst-blockquote {
	font-family:    var(--font-display);
	font-weight:    600;
	font-size:      1.5rem;    /* text-2xl = 24px (mobile) */
	line-height:    1.375;     /* leading-snug */
	letter-spacing: -0.025em;  /* tracking-tight */
	color:          #ffffff;
	margin:         0;
}

@media (min-width: 768px) {
	.tst-blockquote {
		font-size: 1.875rem; /* md:text-3xl = 30px */
	}
}

@media (min-width: 1024px) {
	.tst-blockquote {
		font-size: 2.25rem; /* lg:text-4xl = 36px */
	}
}

/* ── Attribution row: inline-flex items-center gap-3 mt-10 ─────────────── */

.tst-attribution {
	display:     inline-flex;
	align-items: center;
	gap:         0.75rem; /* gap-3 = 12px */
	margin-top:  2.5rem;  /* mt-10 = 40px */
}

/* ── Hairline: h-px w-10 bg-white/40 ────────────────────────────────────── */

.tst-attribution__hairline {
	height:     1px;
	width:      2.5rem; /* w-10 = 40px */
	background: rgba(255, 255, 255, 0.40);
	flex-shrink: 0;
}

/* ── Attribution text: eyebrow-light + white/70 override ────────────────── */

.tst-attribution__text {
	color: rgba(255, 255, 255, 0.70); /* text-white/70 — matches eyebrow-light default */
}