/* Shared process cards. Extracted from Design Consulting without changing its
 * layout. Legacy consulting selectors retain its existing number animation. */
.ibenlo-process-list,
.ibenlo-consulting-process-list {
	display: grid;
	gap: clamp(0.9rem, 1.5vw, 1.15rem);
}
ol.ibenlo-process-list { list-style: none; margin: 0; padding: 0; }
.ibenlo-process-step,
.ibenlo-consulting-process-step {
	background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,0) 50%), rgba(23,33,49,.82);
	border: 1px solid var(--theme-edge, rgba(255,255,255,.11));
	border-radius: var(--radius-card);
	box-shadow: 0 18px 42px rgba(0,0,0,.18);
	align-items: center;
	display: grid;
	gap: clamp(1rem, 2.4vw, 2rem);
	grid-template-columns: clamp(5.1rem, 7.4vw, 7.7rem) minmax(0, 1fr);
	min-height: clamp(8.8rem, 12vw, 11rem);
	overflow: visible;
	padding: clamp(1.15rem, 2.4vw, 1.75rem);
}
.ibenlo-process-step h3,
.ibenlo-consulting-process-step h3 {
	color: var(--ibenlo-color-heading);
	font-family: var(--ibenlo-type-family, Montserrat, sans-serif);
	font-size: 1.25rem;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.18;
	margin: 0;
	text-transform: uppercase;
}
.ibenlo-process-step p,
.ibenlo-consulting-process-step p {
	color: var(--ibenlo-color-text-muted);
	font-size: var(--ibenlo-type-paragraph);
	line-height: var(--ibenlo-type-paragraph-line-height);
	margin: 0;
}
.ibenlo-process-step > span,
.ibenlo-consulting-process-step > span {
	-webkit-background-clip: text;
	background: var(--ibenlo-accent-line-fill, linear-gradient(90deg, var(--ibenlo-stage-teal, #3fead9), var(--ibenlo-stage-readable-green, #5fed70)));
	background-clip: text;
	color: var(--ibenlo-stage-readable-green, #5fed70);
	display: inline-block;
	font-family: var(--ibenlo-type-family, Montserrat, sans-serif);
	font-size: clamp(3.15rem, 5.8vw, 5.25rem);
	font-weight: 900;
	justify-self: center;
	letter-spacing: 0;
	line-height: .86;
	overflow: visible;
	padding-right: .08em;
	text-align: center;
	-webkit-text-fill-color: transparent;
}
body.ibenlo-light-mode .ibenlo-process-step,
body.ibenlo-light-mode .ibenlo-consulting-process-step {
	background: radial-gradient(circle at 10% 0%, var(--ibenlo-light-radial-green-subtle, rgba(95,237,112,.06)), transparent 42%), linear-gradient(145deg, var(--ibenlo-light-card-surface, #fff), var(--ibenlo-color-surface-strong, #fffaf2));
	box-shadow: 0 18px 42px rgba(44,38,70,.1);
}
@media (max-width: 620px) {
	.ibenlo-process-step, .ibenlo-consulting-process-step { align-items: start; column-gap: .5rem; grid-template-columns: auto minmax(0, 1fr); min-height: 0; row-gap: .55rem; }
	.ibenlo-process-step > span, .ibenlo-consulting-process-step > span { align-self: center; grid-column: 1; grid-row: 1; justify-self: start; text-align: left; }
	.ibenlo-process-step > div, .ibenlo-consulting-process-step > div { display: contents; }
	.ibenlo-process-step h3, .ibenlo-consulting-process-step h3 { align-self: center; grid-column: 2; grid-row: 1; }
	.ibenlo-process-step p, .ibenlo-consulting-process-step p { grid-column: 1 / -1; grid-row: 2; }
}