html {
	scroll-behavior: smooth;
	/* scroll-padding-top: 120px;/* sticky header offset */
}

.is-style-fadein,
.is-style-fadeinup,
.is-style-fadeinleft,
.is-style-fadeinright {
	opacity: 1;
	will-change: opacity, transform, visibility;
}


/* Only use fancy animations on desktop */
@media (min-width: 960px) {
	.is-style-fadein,
	.is-style-fadeinup,
	.is-style-fadeinleft,
	.is-style-fadeinright {
		opacity: 0;
		transition: all 0.8s ease-out;
	}
	.is-style-fadein.in-view,
	.is-style-fadeinup.in-view,
	.is-style-fadeinleft.in-view,
	.is-style-fadeinright.in-view {
		opacity: 1;
	}

	.is-style-fadeinup {
		transform: translateY(1rem);
	}
	.is-style-fadeinup.in-view {
		transform: translateY(0);
	}
	.is-style-fadeinleft {
		transform: translateX(-1rem);
	}
	.is-style-fadeinleft.in-view {
		transform: translateX(0);
	}
	.is-style-fadeinright {
		transform: translateX(1rem);
	}
	.is-style-fadeinright.in-view {
		transform: translateX(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
	.is-style-fadein,
	.is-style-fadeinup,
	.is-style-fadeinleft,
	.is-style-fadeinright {
		opacity: 1 !important;
		visibility: visible !important;
	}
	*,
	*::before,
	*::after {
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}