.bg-gradient-skyblue {
	background: linear-gradient(to bottom, #ebf1f2 0%, #bde9ee 100%);
}

.row-header {
	margin-bottom: 4em;
}

.lockup-hero {
	margin-top: 4em;
	width: 1201px;
	height: auto;
}

.callout {
	margin-top: 4em;
}

li .typography-caption {
	margin-bottom: 0.8em;
}

@media only screen and (max-width: 1200px) {
	.lockup-hero {
		width: 87%;
		height: auto;
	}
}

@media only screen and (max-width: 734px) {
	.lockup-hero {
		margin-top: 2em;
	}
	.row-header {
		margin-bottom: 0;
	}
	.section-developing h3 {
		margin-top: 1.6em;
	}
	.topic-icon {
		margin-bottom: 1em;
	}
}

/* ========== Grid ========== */
#main section .section-content.divider-top {
	margin-top: -4em;
	padding-top: 4em;
}
#main section.section.section-developing {
	padding-top: 0;
	padding-bottom: 0;
}
#main section.section.section-matter {
	padding-top: 2em;
}
#main section .section-content .row > .column.column-split:first-of-type {
	padding-right: 34px;
}
#main section .section-content .row > .column.column-split:last-of-type {
	padding-left: 34px;
}

@media only screen and (max-width: 734px) {
	#main section .section-content.divider-top {
		margin-top: -3em;
		padding-top: 3em;
	}
	#main section.section.section-matter {
		padding-top: 1em;
	}
	#main section .section-content .row > .column.column-split:first-of-type {
		padding-right: 0;
	}
	#main section .section-content .row > .column.column-split:last-of-type {
		padding-left: 0;
	}
}

/* === DARK MODE === */
body[data-color-scheme="dark"] .bg-gradient-skyblue {
	background: linear-gradient(to bottom, #7ac6d4 0%, #0e3768 90%);
}
body[data-color-scheme="dark"] .section-matter figure {
	filter: invert(1);
}
