/* ── JPS Markets Rail Block ───────────────────────────────────────────────── */

/* ── Section: bg-near-black text-white py-16 md:py-24 overflow-hidden ────── */

.mr-section {
	background: #0B0B0E;    /* bg-near-black */
	color:      #ffffff;
	overflow:   hidden;
	padding-top:    4rem;   /* py-16 = 64px */
	padding-bottom: 4rem;
}

@media (min-width: 768px) {
	.mr-section {
		padding-top:    6rem;  /* md:py-24 = 96px */
		padding-bottom: 6rem;
	}
}

/* ── Header: container-jps mb-10 ────────────────────────────────────────── */

.mr-header {
	margin-bottom: 2.5rem; /* mb-10 = 40px */
}

/* ── Header grid: grid-cols-1 lg:grid-cols-12 gap-6 ─────────────────────── */

.mr-header-grid {
	display:               grid;
	grid-template-columns: 1fr;
	gap:                   1.5rem; /* gap-6 = 24px */
}

@media (min-width: 1024px) {
	.mr-header-grid {
		grid-template-columns: repeat(12, 1fr);
	}
}

/* ── Header left: lg:col-span-6 ─────────────────────────────────────────── */

.mr-header-left {
	display:        flex;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.mr-header-left {
		grid-column: span 6;
	}
}

/* Eyebrow spacing: mb-4 = 16px */
.mr-eyebrow {
	margin-bottom: 1rem;
}

/* display-xl is white on this dark section */
.mr-section .display-xl {
	color: #ffffff;
}

/* ── Marquee track wrapper ───────────────────────────────────────────────── */

.mr-track-wrap {
	position: relative;
}

/* ── Marquee track: flex gap-4 whitespace-nowrap will-change-transform ────── */

.mr-track {
	display:          flex;
	gap:              1rem;            /* gap-4 = 16px */
	white-space:      nowrap;
	will-change:      transform;
	animation:        mr-marquee 40s linear infinite;
}

@keyframes mr-marquee {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
	.mr-track {
		animation: none;
	}
}

/* ── Pill: inline-flex items-center px-6 h-12 border border-white/20 ─────── */

.mr-pill {
	display:         inline-flex;
	align-items:     center;
	padding:         0 1.5rem;         /* px-6 = 24px */
	height:          3rem;             /* h-12 = 48px */
	border:          1px solid rgba(255, 255, 255, 0.20); /* border-white/20 */
	font-family:     var(--font-display);
	font-size:       0.875rem;         /* text-sm = 14px */
	font-weight:     400;
	text-transform:  uppercase;
	letter-spacing:  0.16em;           /* tracking-[0.16em] */
	color:           rgba(255, 255, 255, 0.85); /* text-white/85 */
	flex-shrink:     0;
}