.services-intro { padding-block: clamp(4rem, 6.94vw, 6.25rem) clamp(3.5rem, 6.25vw, 5.625rem); }
.services-intro__eyebrow { margin-bottom: 26px; }
.services-intro__heading { font-size: clamp(2.75rem, 5vw, 4.5rem); margin-bottom: 30px; }
.services-intro__lead { font-size: clamp(1.0625rem, 1.25vw, 1.125rem); max-width: 760px; margin-inline: auto; color: var(--color-ink-soft); }

.service { min-height: min(840px, 100svh); }
.service--development { min-height: min(800px, 100svh); }
.service__copy { display: flex; flex-direction: column; justify-content: center; padding-block: clamp(5rem, 13.2vw, 11.9rem); }
.service__copy--after-media { padding-inline: clamp(1.25rem, 6.25vw, 5.625rem) clamp(1.25rem, 6.94vw, 6.25rem); }
.service__copy--before-media { padding-inline: var(--wrap-pad) clamp(1.25rem, 6.25vw, 5.625rem); }
.service__eyebrow { margin-bottom: 30px; }
.service__heading { margin-bottom: 28px; }
.service__lead { margin-bottom: 24px; }
.service__text { max-width: 560px; margin-bottom: 44px; }
.service__image--selling { object-position: 85% center; }

.steps { padding-block: clamp(3.5rem, 5.56vw, 5rem); }
.steps__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--color-rule); }
.step { padding: clamp(2rem, 3.06vw, 2.75rem) clamp(1.5rem, 2.5vw, 2.25rem) clamp(1.75rem, 2.78vw, 2.5rem); border-right: 1px solid var(--color-rule); border-bottom: 1px solid var(--color-rule); }
.step:nth-child(3n) { border-right: 0; }
.step:nth-last-child(-n+3) { border-bottom: 0; }
.step__number { font-family: var(--font-display); font-style: italic; font-size: 1.375rem; color: var(--color-bronze); margin-bottom: 14px; }
.step__title { font-size: clamp(1.6875rem, 2.08vw, 1.875rem); margin-bottom: 12px; }
.step__text { font-size: var(--text-body); line-height: 1.75; color: var(--color-grey); }

@media (max-width: 1100px) {
}

@media (max-width: 900px) {
	.service, .service--development { min-height: 0; grid-template-columns: minmax(0, 1fr); }
	.service .split__media { min-height: min(62vw, 520px); }
	.service--development .split__media img { object-position: center 35%; }
	.service__copy--before-media { order: 1; }
	.service__copy { padding: 4.5rem var(--wrap-pad); }
	.service__eyebrow { text-wrap: balance; }
	.service__heading, .service__lead { max-width: 560px; }
	.steps__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.step:nth-child(3n) { border-right: 1px solid var(--color-rule); }
	.step:nth-child(2n) { border-right: 0; }
	.step:nth-last-child(-n+3) { border-bottom: 1px solid var(--color-rule); }
	.step:nth-last-child(-n+2) { border-bottom: 0; }
}

@media (max-width: 700px) {
	.services-intro { padding-block: 3.5rem 3rem; }
	.service .split__media { min-height: min(80vw, 480px); }
	.service__copy { padding: 4rem var(--wrap-pad); }
	.service__eyebrow { margin-bottom: 24px; }
	.service__heading { margin-bottom: 22px; }
	.service__text { margin-bottom: 36px; }
	.service__copy .actions .button { width: 100%; }
	.steps { padding-block: 4rem; }
	.steps__grid { grid-template-columns: minmax(0, 1fr); }
	.step { padding: 2rem 1.5rem; border-right: 0; border-bottom: 1px solid var(--color-rule); }
	.step:nth-last-child(-n+2) { border-bottom: 1px solid var(--color-rule); }
	.step:last-child { border-bottom: 0; }
}