/* Source-faithful How the Coop Works: two staggered white rows with local game captures. */
.cooperation {
	display: block;
	background: #fff
}

.coop-row {
	width: min(980px, 100%);
	margin: 0 auto;
	display: grid;
	align-items: center
}

.coop-first {
	grid-template-columns: 1fr 1fr;
	min-height: 690px
}

.coop-second {
	grid-template-columns: 627fr 353fr;
	min-height: 430px
}

.coop-copy {
	padding: 55px 60px
}

.coop-copy .eyebrow {
	margin-bottom: 36px
}

.coop-copy h2 {
	font-size: 48px;
	line-height: 1.4
}

.coop-copy h3 {
	font-size: 24px;
	line-height: 1.4
}

.coop-copy p {
	font-size: 16px;
	line-height: 1.75
}

.coop-copy .number {
	color: var(--ink);
	font-size: 16px !important;
	margin: 0 0 15px
}

.coop-portrait {
	display: flex;
	justify-content: center;
	align-items: center
}

.coop-portrait img {
	width: 260px;
	max-width: 70%;
	height: auto
}

.coop-landscape {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 46px
}

.coop-landscape img {
	width: 100%;
	height: auto;
	display: block
}

@media(max-width:780px) {

	.coop-row,
	.coop-first,
	.coop-second {
		grid-template-columns: 1fr;
		min-height: 0
	}

	.coop-copy {
		padding: 68px 10vw
	}

	.coop-first .coop-copy {
		order: 1
	}

	.coop-portrait {
		order: 2;
		padding: 0 0 58px
	}

	.coop-portrait img {
		width: 220px
	}

	.coop-second .coop-landscape {
		order: 1;
		padding: 45px 10vw 0
	}

	.coop-second .coop-copy {
		order: 2
	}

	.coop-copy h2 {
		font-size: 36px
	}
}