/* Home page: only the motion (home.js). The sections and their design are in sections/sections.css
   and look the same on every page. */

/* Motion (home.js, only without "reduce motion"): parallax. Fade in and dark → light: sections/sections.js */

/* Parallax */
.fp-home.has-motion .fp-home-hero::before {
	transform: translateX(-50%) translateY(var(--fp-halo-shift, 0));
}

.fp-home.has-motion .fp-home-hero__ring::before {
	transform: translateY(var(--fp-halo-shift, 0));
}

.fp-home.has-motion .fp-home-jobs__image {
	overflow: hidden;
	border-radius: 5px;
}

.fp-home.has-motion .fp-home-jobs__image img {
	transform: translateY(var(--fp-jobs-shift, 0)) scale(1.1);
	will-change: transform;
}
