/**
 * Homepage GSAP animation helpers
 */

.magenta-js .magenta-split-word {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	padding-bottom: 0.12em;
	padding-right: 0.12em;
	margin-right: 0.16em;
}

.magenta-js .magenta-split-word__inner {
	display: inline-block;
	will-change: transform, opacity;
}

.magenta-home.magenta-js .magenta-about-gallery {
	will-change: clip-path;
}

.magenta-home.magenta-js .magenta-about-gallery__item {
	will-change: transform, opacity;
}

.magenta-home.magenta-js .magenta-service-item,
.magenta-home.magenta-js .magenta-portfolio-showcase-slider,
.magenta-home.magenta-js .magenta-testimonials-slider {
	will-change: transform, opacity;
}

.magenta-portfolio-archive.magenta-js .row.g-4 > div,
.magenta-portfolio-single-page.magenta-js .entry-content > * {
	will-change: transform, opacity;
}

.magenta-portfolio-single-page.magenta-js .wp-block-image,
.magenta-portfolio-single-page.magenta-js .magenta-portfolio-hero-media {
	will-change: clip-path;
}

.magenta-contact-page.magenta-js .magenta-contact-block,
.magenta-contact-page.magenta-js .magenta-contact-form,
.magenta-contact-page.magenta-js .magenta-contact-channels li {
	will-change: transform, opacity;
}

.magenta-contact-page.magenta-js .magenta-contact-map-wrap {
	will-change: clip-path;
}

@media (prefers-reduced-motion: reduce) {
	.magenta-home .magenta-split-word,
	.magenta-home .magenta-split-word__inner,
	.magenta-portfolio-archive .magenta-split-word,
	.magenta-portfolio-archive .magenta-split-word__inner,
	.magenta-portfolio-single-page .magenta-split-word,
	.magenta-portfolio-single-page .magenta-split-word__inner,
	.magenta-contact-page .magenta-split-word,
	.magenta-contact-page .magenta-split-word__inner {
		overflow: visible;
		transform: none !important;
		opacity: 1 !important;
	}
}