/* -------------------------------------------------------------------------
   8.2 Home slideshow
   Full screen under the header, stays in place (sticky) while .home-body,
   which has a white background, scrolls up over it. Images cross-fade.
   ------------------------------------------------------------------------- */

.hero-slider {
	position: sticky;
	top: var(--header-h);
	height: calc(100vh - var(--header-h));
	height: calc(100svh - var(--header-h));
	/* mobile: ignores the URL bar */
	overflow: hidden;
	background: var(--ink);
}

.hero-slider__slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 1.2s ease;
}

.hero-slider__slide.is-active {
	opacity: 1;
}

/* Content that scrolls over the slideshow */
.home-body {
	position: relative;
	z-index: 1;
	background: var(--paper);
}