/* ==========================================================================
   Boldorg — Reveal animations
   ========================================================================== */

/* Only hide reveal elements when JS is available (prevents content from
   staying invisible if JS fails or is disabled). */
.bo-js .reveal {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity .7s var(--bo-ease-out), transform .7s var(--bo-ease-out);
	will-change: opacity, transform;
}
.bo-js .reveal.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	.bo-js .reveal { opacity: 1; transform: none; transition: none; }
	.bo-hero__art-img { animation: none; }
}
