/**
 * Scroll reveal for the case study Development Gallery.
 *
 * This file is deliberately scoped to the single case-study template.
 */

body.single-boylen_case_study .case-study-v2__showcase {
	overflow: hidden;
}

body.single-boylen_case_study .case-study-v2__showcase-grid a {
	position: relative;
	overflow: hidden;
}

body.single-boylen_case_study .case-study-v2__showcase-grid.is-gallery-reveal-ready [data-case-study-gallery-item] {
	--gallery-enter-x: -12vw;
	--gallery-enter-y: 5rem;
	--gallery-enter-rotate: -3deg;
	opacity: 0;
	filter: blur(7px);
	transform: translate3d(var(--gallery-enter-x), var(--gallery-enter-y), 0) rotate(var(--gallery-enter-rotate)) scale(.9);
	transform-origin: center;
	transition:
		opacity .7s ease,
		filter .9s ease,
		transform 1.05s cubic-bezier(.16, 1, .3, 1);
	will-change: transform, opacity, filter;
}

body.single-boylen_case_study .case-study-v2__showcase-grid.is-gallery-reveal-ready [data-case-study-gallery-item]:nth-child(even) {
	--gallery-enter-x: 12vw;
	--gallery-enter-rotate: 3deg;
}

body.single-boylen_case_study .case-study-v2__showcase-row--single:nth-child(even) [data-case-study-gallery-item] {
	--gallery-enter-x: 9vw;
	--gallery-enter-rotate: 2deg;
}

body.single-boylen_case_study .case-study-v2__showcase-row--single:nth-child(odd) [data-case-study-gallery-item] {
	--gallery-enter-x: -9vw;
	--gallery-enter-rotate: -2deg;
}

body.single-boylen_case_study .case-study-v2__showcase-grid.is-gallery-reveal-ready [data-case-study-gallery-item].is-gallery-item-visible {
	opacity: 1;
	filter: none;
	transform: translate3d(0, 0, 0) rotate(0) scale(1);
}

body.single-boylen_case_study .case-study-v2__showcase-grid.is-gallery-reveal-ready [data-case-study-gallery-item] img {
	transform: scale(1.07);
	transition:
		filter .25s ease,
		transform 1.35s cubic-bezier(.16, 1, .3, 1);
}

body.single-boylen_case_study .case-study-v2__showcase-grid.is-gallery-reveal-ready [data-case-study-gallery-item].is-gallery-item-visible img {
	transform: scale(1);
}

body.single-boylen_case_study .case-study-v2__showcase-grid.is-gallery-reveal-ready [data-case-study-gallery-item] a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(
		105deg,
		transparent 0 38%,
		rgba(124, 242, 176, .58) 48%,
		rgba(124, 242, 176, .12) 56%,
		transparent 66% 100%
	);
	opacity: 0;
	transform: translateX(-125%);
	pointer-events: none;
}

body.single-boylen_case_study .case-study-v2__showcase-grid.is-gallery-reveal-ready [data-case-study-gallery-item].is-gallery-item-visible a::after {
	animation: case-study-gallery-sweep 1.05s .18s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes case-study-gallery-sweep {
	0% {
		opacity: 0;
		transform: translateX(-125%);
	}

	20% {
		opacity: .75;
	}

	100% {
		opacity: 0;
		transform: translateX(125%);
	}
}

@media (max-width: 620px) {
	body.single-boylen_case_study .case-study-v2__showcase-grid.is-gallery-reveal-ready [data-case-study-gallery-item],
	body.single-boylen_case_study .case-study-v2__showcase-grid.is-gallery-reveal-ready [data-case-study-gallery-item]:nth-child(even),
	body.single-boylen_case_study .case-study-v2__showcase-row--single:nth-child(even) [data-case-study-gallery-item],
	body.single-boylen_case_study .case-study-v2__showcase-row--single:nth-child(odd) [data-case-study-gallery-item] {
		--gallery-enter-x: 0;
		--gallery-enter-y: 4rem;
		--gallery-enter-rotate: 0deg;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.single-boylen_case_study .case-study-v2__showcase-grid.is-gallery-reveal-ready [data-case-study-gallery-item],
	body.single-boylen_case_study .case-study-v2__showcase-grid.is-gallery-reveal-ready [data-case-study-gallery-item] img {
		opacity: 1;
		filter: none;
		transform: none;
		transition: none;
	}

	body.single-boylen_case_study .case-study-v2__showcase-grid.is-gallery-reveal-ready [data-case-study-gallery-item] a::after {
		display: none;
		animation: none;
	}
}