/* Process strip — README §1.5, §2, reused §3 */

/* Full-bleed section: the divider arc spans edge-to-edge; only .container
   (inside) carries the horizontal gutter. */
.process-strip { padding-bottom: 100px; }
.process-strip__divider {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 68px;
}
.process-strip__head { margin-bottom: 48px; }

.process-strip__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	border-top: 2px solid var(--color-ink);
}
.process-step {
	padding: 26px;
}
.process-strip__grid > .process-step:not(:first-child) {
	border-left: 1px solid var(--color-line);
}
.process-step__number {
	display: block;
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 0.14em;
	color: var(--color-accent);
	margin-bottom: var(--space-12);
}
.process-step h3 { margin-bottom: var(--space-8); }
.process-step p {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: var(--color-muted);
}

@media (max-width: 1023px) {
	.process-strip__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.process-strip__grid > .process-step:nth-child(4) { border-left: none; }
}

@media (max-width: 767px) {
	.process-strip { padding-bottom: 56px; }
	.process-strip__divider { margin-bottom: 40px; }
	.process-strip__grid {
		grid-template-columns: 1fr;
		border-top: none;
	}
	.process-step {
		display: grid;
		grid-template-columns: 28px 1fr;
		gap: var(--space-16);
		padding: 16px 0;
		border-top: 1px solid var(--color-line);
		border-left: none !important;
	}
	.process-step:first-child { border-top: 2px solid var(--color-ink); }
	.process-step__number { grid-column: 1; grid-row: 1 / span 2; margin-bottom: 0; }
	.process-step h3 { font-size: 18px; grid-column: 2; }
	.process-step p { grid-column: 2; }
}