/*    11. PROCESS STEPS
   ------------------------------------------- */
.process-section {
	background: var(--color-bg-primary);
}

.process-steps {
	max-width: var(--container-narrow);
	margin: 0 auto;
	display: grid;
	gap: var(--space-xl);
}

.process-step {
	display: flex;
	gap: var(--space-xl);
	align-items: flex-start;
	padding: var(--space-xl);
	border-left: 2px solid var(--color-border);
	position: relative;
}

.process-step-number {
	font-family: var(--font-heading);
	font-size: var(--text-3xl);
	font-weight: 800;
	color: var(--color-accent);
	line-height: 1;
	min-width: 60px;
	opacity: 0.6;
}

.process-step-content h3 {
	font-family: var(--font-heading);
	font-size: var(--text-xl);
	font-weight: 700;
	margin-bottom: var(--space-xs);
}

.process-step-content p {
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
}