/* Scroll stops on the homepage (assets/js/home-pin.js). .hp-pin: a short hold, the section's box
 * sticky over an extra 45% of the screen; .hp-scrub: a section taller than the screen, the effect
 * without the hold. --pp runs from 0 to 1. Only set from 960px without "reduce motion". */
.hp-pin::after {
	content: "";
	display: block;
	height: calc(45svh / var(--vz, 1));
}

.hp-pin > .wrap {
	position: sticky;
	top: var(--pin-top, calc(var(--header-h, 70px) + 24px));
}

.hp-pin,
.hp-scrub {
	overflow-x: clip;
}

/* "Shop verbinden": the phone rises from below the screen into its place. */
.hp-pin .sk-cn-media,
.hp-scrub .sk-cn-media {
	transform: translateY(calc((1 - var(--pp, 1)) * 70svh / var(--vz, 1)));
	will-change: transform;
}