.pk-container,
.pk-container-wide {
	width: 100%;
	margin-inline: auto;
	padding-inline: var(--pk-gutter);
}

.pk-container {
	max-width: calc(var(--pk-container) + (2 * var(--pk-gutter)));
}

.pk-container-wide {
	max-width: calc(var(--pk-container-wide) + (2 * var(--pk-gutter)));
}

.pk-section {
	position: relative;
	padding-block: var(--pk-space-2xl);
}

.site-main {
	min-height: 50vh;
}

.page-header {
	max-width: 60rem;
	margin-bottom: var(--pk-space-xl);
	padding-bottom: var(--pk-space-lg);
	border-bottom: 1px solid var(--pk-border);
}

.pk-content-flow {
	display: grid;
	grid-template-columns:
		[full-start] minmax(var(--pk-gutter), 1fr)
		[wide-start content-start] minmax(0, var(--pk-container))
		[content-end wide-end] minmax(var(--pk-gutter), 1fr)
		[full-end];
}

.pk-content-flow > * {
	grid-column: content-start / content-end;
	width: 100%;
}

.pk-content-flow > .alignwide {
	grid-column: wide-start / wide-end;
	max-width: var(--pk-container-wide);
}

.pk-content-flow > .alignfull {
	grid-column: full-start / full-end;
	width: 100%;
	max-width: none;
	margin-inline: 0;
}

@media (min-width: 90rem) {
	.pk-content-flow {
		grid-template-columns:
			[full-start] minmax(0, 1fr)
			[wide-start] minmax(0, 7rem)
			[content-start] minmax(0, var(--pk-container))
			[content-end] minmax(0, 7rem)
			[wide-end] minmax(0, 1fr)
			[full-end];
	}
}

.pk-js.pk-reveal-ready [data-reveal] {
	transform: translateY(2rem);
	opacity: 0;
	transition:
		opacity 700ms ease,
		transform 700ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.pk-js.pk-reveal-ready [data-reveal-delay="1"] {
	transition-delay: 100ms;
}

.pk-js.pk-reveal-ready [data-reveal].is-visible {
	transform: none;
	opacity: 1;
}

[data-parallax] {
	transform: translate3d(0, var(--pk-parallax-y, 0), 0);
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	.pk-js.pk-reveal-ready [data-reveal] {
		transform: none;
		opacity: 1;
	}

	[data-parallax] {
		transform: none !important;
		will-change: auto;
	}
}