@keyframes bbi-fade-up {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.bbi-hero__inner > * {
	animation: bbi-fade-up 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

.bbi-hero__inner > :nth-child(1) { animation-delay: 0.05s; }
.bbi-hero__inner > :nth-child(2) { animation-delay: 0.12s; }
.bbi-hero__inner > :nth-child(3) { animation-delay: 0.2s; }
.bbi-hero__inner > :nth-child(4) { animation-delay: 0.28s; }

.bbi-hero__slide {
	transition: opacity 1.2s ease-in-out;
}

html:not(.no-js) [data-reveal] {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.55s ease-out, transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);
	transition-delay: calc(var(--reveal-i, 0) * 50ms);
}

html:not(.no-js) [data-reveal].is-inview {
	opacity: 1;
	transform: none;
}

.bbi-service-card,
.bbi-gallery__item img,
.bbi-btn__ball {
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	.bbi-hero__inner > * {
		animation: none;
	}

	html:not(.no-js) [data-reveal] {
		opacity: 1;
		transform: none;
		transition: none;
	}
}