/**
 * One-page front page.
 *
 * Glue for the stacked sections on the front page: anchor offsets for the
 * sticky header, a compact intro rhythm and section dividers. Section styling
 * itself comes from the per-page stylesheets this file depends on.
 */

:root {
	--onepage-header-offset: 5rem;
}

.onepage-section,
.onepage-section [id] {
	scroll-margin-top: var(--onepage-header-offset);
}

.onepage-section .onepage-intro {
	min-height: 0;
	padding-block: var(--space-12);
}

@media (min-width: 1024px) {
	.onepage-section .onepage-intro {
		padding-block: var(--space-16);
	}
}

.onepage-section + .onepage-section {
	border-top: 1px solid var(--color-medium-gray);
}