/* Wakoo Motion effects + sticky */

/* Reveal: CSS keeps the element visible so that if JS is disabled or fails the
   content is never lost (progressive enhancement). motion.js hides it inline
   (opacity:0) and then animates it in when it scrolls into view. */
.wakoo-reveal {
	opacity: 1;
}

.wakoo-tilt {
	transform-style: preserve-3d;
	will-change: transform;
}

/* vanilla-tilt glare element */
.wakoo-tilt .js-tilt-glare {
	border-radius: inherit;
}

/* Sticky: the inline style sets position/offset/z-index; this guards the
   element from collapsing and keeps it above neighbours. */
.wakoo-sticky {
	align-self: flex-start;
}