/******/
/*** MOTION ***/
/******/

.js .js-scroll {
	opacity: 0;
	will-change: opacity, transform;
}

.js .js-scroll.fade-in.scrolled {
	animation: taco-bueno-fade-in 0.7s var(--ease-out) both;
}

.js .js-scroll.fade-in-bottom.scrolled {
	animation: taco-bueno-fade-in-bottom 0.8s var(--ease-out) both;
}

.js .js-scroll.wipe-and-zoom {
	-webkit-clip-path: inset(100% 0 0 0 round var(--radius-media));
	clip-path: inset(100% 0 0 0 round var(--radius-media));
	transform: translate3d(0, 0, 0) scale(1.04);
}

.js .js-scroll.wipe-and-zoom.scrolled {
	-webkit-animation: taco-bueno-wipe-and-zoom 0.95s var(--ease-out) var(--animation-delay, 0ms) both;
	animation: taco-bueno-wipe-and-zoom 0.95s var(--ease-out) var(--animation-delay, 0ms) both;
}

.js .js-scroll.scrolled-complete {
	opacity: 1;
	transform: none;
	will-change: auto;
}

.js .js-scroll.scrolled.scrolled-complete {
	-webkit-animation: none;
	animation: none;
}

.js .js-scroll.wipe-and-zoom.scrolled-complete {
	-webkit-clip-path: inset(0 round var(--radius-media));
	clip-path: inset(0 round var(--radius-media));
}

@keyframes taco-bueno-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes taco-bueno-fade-in-bottom {
	from { opacity: 0; transform: translate3d(0, 1.5rem, 0); }
	to { opacity: 1; transform: none; }
}

@-webkit-keyframes taco-bueno-wipe-and-zoom {
	from {
		-webkit-clip-path: inset(100% 0 0 0 round var(--radius-media));
		clip-path: inset(100% 0 0 0 round var(--radius-media));
		transform: translate3d(0, 0, 0) scale(1.04);
		opacity: 0;
	}
	to {
		-webkit-clip-path: inset(0 round var(--radius-media));
		clip-path: inset(0 round var(--radius-media));
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 1;
	}
}

@keyframes taco-bueno-wipe-and-zoom {
	from {
		-webkit-clip-path: inset(100% 0 0 0 round var(--radius-media));
		clip-path: inset(100% 0 0 0 round var(--radius-media));
		transform: translate3d(0, 0, 0) scale(1.04);
		opacity: 0;
	}
	to {
		-webkit-clip-path: inset(0 round var(--radius-media));
		clip-path: inset(0 round var(--radius-media));
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 1;
	}
}

[data-split-lines],
[data-split-lines] * {
	font-kerning: none;
}

.split-line-mask {
	display: block;
	width: 100%;
	overflow: hidden;
}

.split-line {
	display: block !important;
	width: 100%;
	text-align: inherit !important;
	will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce), print {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}

	.js .js-scroll,
	.js .js-scroll.scrolled,
	.js .js-scroll.wipe-and-zoom,
	.js .js-scroll.wipe-and-zoom.scrolled,
	.split-line {
		opacity: 1 !important;
		transform: none !important;
		-webkit-clip-path: none !important;
		clip-path: none !important;
		animation: none !important;
		transition: none !important;
		will-change: auto !important;
	}

	.parallax-media .parallax-media__image {
		transform: scale(1.045) !important;
	}

	.bueno-marquee__track {
		animation-play-state: paused !important;
	}
}