/*
 * blocks/split-row-band.css — rangées 3/4 + 1/4 (et inverse), dégradé vers le fond.
 * Complète guest.css, ne redéfinit aucune primitive existante.
 */

.split-row { display: flex; gap: var(--s6); }
.split-row + .split-row { margin-top: var(--s6); }

.split-item {
	position: relative;
	flex: 1 1 0;
	border-radius: var(--radius-lg);
	overflow: hidden;
	min-height: 420px;
	display: flex;
	align-items: flex-start;
}
.split-item--lg { flex: 3 1 0; }
.split-item--sm { flex: 1 1 0; }
.split-item__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 0;
}
.split-item::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(16,23,19,.45) 0%, rgba(16,23,19,0) 30%);
	z-index: 1;
}
.split-item__body {
	position: relative;
	z-index: 2;
	margin: var(--s5);
	padding: var(--s5);
	max-width: 380px;
	background: rgba(243,240,232,.94);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-card);
}
.split-item__body .eyebrow { color: var(--teal); }
.split-item__body h3 { margin-top: var(--s3); color: var(--ink); }
.split-item__body p { margin-top: var(--s2); color: var(--ink-2); }
.link-cta {
	display: inline-flex;
	align-items: center;
	gap: var(--s1);
	margin-top: var(--s4);
	font-size: .86rem;
	font-weight: 700;
	color: var(--teal);
}
.link-cta svg { width: 1rem; height: 1rem; }

@media (max-width: 760px) {
	.split-row { flex-direction: column; }
	.split-item--lg, .split-item--sm { flex: 1 1 auto; }
	.split-item { min-height: 320px; }
}