/* ========================================
   SCROLL-REVEAL ANIMATIONS
   ======================================== */
@media(prefers-reduced-motion:no-preference){
	.r-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
	.r-reveal.is-visible{opacity:1;transform:translateY(0)}

	.r-reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
	.r-reveal-stagger.is-visible>*{opacity:1;transform:translateY(0)}
	.r-reveal-stagger.is-visible>*:nth-child(1){transition-delay:0s}
	.r-reveal-stagger.is-visible>*:nth-child(2){transition-delay:.08s}
	.r-reveal-stagger.is-visible>*:nth-child(3){transition-delay:.16s}
	.r-reveal-stagger.is-visible>*:nth-child(4){transition-delay:.24s}
	.r-reveal-stagger.is-visible>*:nth-child(5){transition-delay:.32s}
	.r-reveal-stagger.is-visible>*:nth-child(6){transition-delay:.4s}

	.r-hero__content{animation:heroIn .8s .2s var(--ease) both}
	.r-hero__strip{animation:fadeUp .5s .6s var(--ease) both}
	@keyframes heroIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* Section borders */
.r-section+.r-section:not(.r-section--dark):not(.r-section--alt){border-top:1px solid var(--c-border)}
.r-section--alt+.r-section:not(.r-section--dark){border-top:1px solid var(--c-border)}
