.developers-hero { min-height: min(100svh, 680px); }
.developers-hero__eyebrow { margin-bottom: 1.625rem; }
.developers-hero__heading { max-width: 900px; margin-bottom: 1.875rem; }
.developers-hero__lead { margin-bottom: 2.5rem; }

.developers-why { padding-block: clamp(5rem, 8.33vw, 7.5rem); }
.developers-why__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2.5rem, 5.56vw, 5rem); }
.developers-why__eyebrow { margin-bottom: 1.875rem; }
.developers-why__heading { font-size: clamp(2.75rem, 4.58vw, 4.125rem); max-width: 540px; }
.developers-why__copy { max-width: 560px; padding-top: 6px; }
.developers-why__lead { margin-bottom: 1.625rem; }

.developers-contribute { padding-block: clamp(5rem, 8.33vw, 7.5rem) clamp(5rem, 9.03vw, 8.125rem); }
.developers-contribute__intro { margin-bottom: clamp(3rem, 4.44vw, 4rem); }
.developers-contribute__eyebrow, .developers-phases__eyebrow { margin-bottom: 1.625rem; }

.contribute-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--color-rule); }
.contribute-grid__cell {
	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);
}
.contribute-grid__cell:nth-child(3n) { border-right: 0; }
.contribute-grid__cell:nth-last-child(-n + 3) { border-bottom: 0; }
.contribute-grid__number { font-family: var(--font-display); font-style: italic; font-size: clamp(1.125rem, 1.53vw, 1.375rem); color: var(--color-bronze); margin-bottom: 14px; }
.contribute-grid__title { font-size: clamp(1.6875rem, 2.08vw, 1.875rem); margin-bottom: 12px; }
.contribute-grid__text { font-size: var(--text-body); line-height: 1.75; color: var(--color-grey); }

.developers-phases { padding-block: clamp(5rem, 9.03vw, 8.125rem); }
.developers-phases__intro { margin-bottom: clamp(3rem, 5.56vw, 5rem); }
.developers-phases__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(2rem, 3.33vw, 3rem); }
.phase__label { font-family: var(--font-display); font-style: italic; font-size: clamp(1.125rem, 1.53vw, 1.375rem); color: var(--color-bronze); margin-bottom: 20px; }
.phase__title { font-size: clamp(1.75rem, 2.36vw, 2.125rem); margin-bottom: 16px; }

.case-study { min-height: clamp(480px, 56.9vw, 820px); }
.case-study__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: var(--color-olive);
	color: var(--color-white);
	padding: clamp(4rem, 8.33vw, 7.5rem) clamp(1.25rem, 6.25vw, 5.625rem) clamp(4rem, 7.64vw, 6.875rem);
}
.case-study__copy .eyebrow { color: var(--color-gold); }
.case-study__copy .small { color: rgb(255 255 255 / 72%); }
.case-study__eyebrow { margin-bottom: 2.125rem; }
.case-study__heading { font-size: var(--text-title); margin-bottom: 1.625rem; }
.case-study__text { max-width: 560px; margin-bottom: 2.75rem; }
.case-study__facts {
	margin: 0 0 2.25rem;
	padding: clamp(1.75rem, 2.5vw, 2.25rem) clamp(1.25rem, 3.06vw, 2.75rem) clamp(2rem, 2.78vw, 2.5rem);
	background: rgb(255 255 255 / 6%);
	border: 1px solid rgb(255 255 255 / 6%);
}
.case-study__facts .case-study__fact-label { font-size: 0.72rem; color: #a89f8c; margin-bottom: 8px; }
.case-study__fact-value { margin: 0; font-size: var(--text-body); line-height: 1.8; color: #f2ece2; }
.case-study__fact-value + .case-study__fact-label { margin-top: 22px; }

@media (max-width: 900px) {
	.contribute-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.contribute-grid__cell:nth-child(3n) { border-right: 1px solid var(--color-rule); }
	.contribute-grid__cell:nth-child(2n) { border-right: 0; }
	.contribute-grid__cell:nth-last-child(-n + 3) { border-bottom: 1px solid var(--color-rule); }
	.contribute-grid__cell:nth-last-child(-n + 2) { border-bottom: 0; }
	.developers-phases__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem 2.5rem; }
	.case-study { grid-template-columns: minmax(0, 1fr); min-height: 0; }
	.case-study .split__media { min-height: clamp(360px, 60vw, 540px); }
	.case-study__copy { padding: clamp(4rem, 8.33vw, 5rem) var(--gutter); }
}

@media (max-width: 700px) {
	.developers-why, .developers-contribute, .developers-phases { padding-block: 5rem; }
	.developers-why__grid, .developers-phases__grid { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
	.developers-why__copy { padding-top: 0; }
	.contribute-grid { grid-template-columns: minmax(0, 1fr); }
	.contribute-grid__cell { padding: 2rem 1.5rem; border-right: 0; }
	.contribute-grid__cell:nth-last-child(-n + 2) { border-bottom: 1px solid var(--color-rule); }
	.contribute-grid__cell:last-child { border-bottom: 0; }
	.phase__title { font-size: 1.75rem; }
	.case-study__copy { padding: 4rem var(--gutter); }
}

@media (max-width: 400px) {
	.developers-hero__heading { font-size: 2.75rem; }
}
