.process__steps {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: var(--sp-lg);
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: istorage-process;
}

.process__step {
	position: relative;
	padding-top: var(--sp-lg);
	border-top: 2px solid var(--c-brand);
	counter-increment: istorage-process;
}

.process.bg-inverse .process__step {
	border-top-color: var(--c-accent);
}

.process__step::before {
	content: counter(istorage-process, decimal-leading-zero);
	position: absolute;
	top: var(--sp-2xs);
	left: 0;
	color: var(--c-accent-text);
	font-family: var(--font-heading);
	font-size: var(--fs-xs);
	font-weight: var(--fw-bold);
	font-variant-numeric: tabular-nums;
	letter-spacing: var(--ls-caps);
}

.process.bg-inverse .process__step::before {
	color: var(--c-accent);
}

.process__heading {
	margin-top: var(--sp-sm);
	font-size: var(--fs-md);
}

.process__text {
	margin-top: var(--sp-3xs);
	color: var(--c-text-muted);
	font-size: var(--fs-sm);
}

.process.bg-inverse .process__text {
	color: var(--c-text-muted);
}