/* Loaded on Home, About Us and Contact Us. JS opts individual elements in. */
@media (prefers-reduced-motion: no-preference) {
	.is-motion-pending {
		--motion-delay: 0ms;
		opacity: 0;
		transition: opacity .72s cubic-bezier(.2,.7,.2,1) var(--motion-delay),
			transform .82s cubic-bezier(.16,1,.3,1) var(--motion-delay),
			clip-path .95s cubic-bezier(.16,1,.3,1) var(--motion-delay);
	}
	.is-motion-pending[data-motion="headline"],
	.is-motion-pending[data-motion="copy"] { transform: translate3d(0,26px,0); }
	.is-motion-pending[data-motion="card"] { transform: translate3d(0,34px,0); }
	.is-motion-pending[data-motion="image"] {
		clip-path: inset(0 0 16% 0 round 20px);
		transform: translate3d(0,26px,0);
	}
	.is-motion-pending[data-motion="timeline"] { opacity: 1; }
	.is-motion-pending.is-motion-visible { opacity: 1; transform: none; clip-path: inset(0 0 0 0 round 0); }
	.is-motion-pending[data-motion="timeline"].is-motion-visible { clip-path: none; }
	.about-page__timeline.is-motion-pending::before {
		content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 2px;
		background: #b0cb36; transform: scaleX(0); transform-origin: left center;
		transition: transform 1.45s cubic-bezier(.16,1,.3,1);
	}
	.about-page__timeline.is-motion-visible::before { transform: scaleX(1); }
	.about-page__timeline.is-motion-pending { position: relative; }
	.home .is-motion-visible[data-motion="headline"] .text-gradient,
	.about-page .is-motion-visible[data-motion="headline"] .text-gradient {
		background-size: 220% 100%;
		animation: eimsky-gradient-sweep 1.65s cubic-bezier(.2,.7,.2,1) .2s both;
	}
	@keyframes eimsky-gradient-sweep { from { background-position: 100% 50%; } to { background-position: 0 50%; } }
	.contact-page__field input:focus-visible,
	.contact-page__field textarea:focus-visible { transition: border-color .25s ease, box-shadow .25s ease; box-shadow: 0 0 0 4px rgba(98,164,32,.12); }
	.contact-page__status:not(:empty) { animation: eimsky-status-in .4s cubic-bezier(.16,1,.3,1) both; }
	@keyframes eimsky-status-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
}
/* Same motion when the site plays animations as designed (Customizer → Eimsky: Animations). */
@media (prefers-reduced-motion: reduce) {
html.eimsky-motion-full .is-motion-pending{--motion-delay: 0ms;
		opacity: 0;
		transition: opacity .72s cubic-bezier(.2,.7,.2,1) var(--motion-delay),
			transform .82s cubic-bezier(.16,1,.3,1) var(--motion-delay),
			clip-path .95s cubic-bezier(.16,1,.3,1) var(--motion-delay);}
html.eimsky-motion-full .is-motion-pending[data-motion="headline"],html.eimsky-motion-full .is-motion-pending[data-motion="copy"]{transform: translate3d(0,26px,0);}
html.eimsky-motion-full .is-motion-pending[data-motion="card"]{transform: translate3d(0,34px,0);}
html.eimsky-motion-full .is-motion-pending[data-motion="image"]{clip-path: inset(0 0 16% 0 round 20px);
		transform: translate3d(0,26px,0);}
html.eimsky-motion-full .is-motion-pending[data-motion="timeline"]{opacity: 1;}
html.eimsky-motion-full .is-motion-pending.is-motion-visible{opacity: 1; transform: none; clip-path: inset(0 0 0 0 round 0);}
html.eimsky-motion-full .is-motion-pending[data-motion="timeline"].is-motion-visible{clip-path: none;}
html.eimsky-motion-full .about-page__timeline.is-motion-pending::before{content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 2px;
		background: #b0cb36; transform: scaleX(0); transform-origin: left center;
		transition: transform 1.45s cubic-bezier(.16,1,.3,1);}
html.eimsky-motion-full .about-page__timeline.is-motion-visible::before{transform: scaleX(1);}
html.eimsky-motion-full .about-page__timeline.is-motion-pending{position: relative;}
html.eimsky-motion-full .home .is-motion-visible[data-motion="headline"] .text-gradient,html.eimsky-motion-full .about-page .is-motion-visible[data-motion="headline"] .text-gradient{background-size: 220% 100%;
		animation: eimsky-gradient-sweep 1.65s cubic-bezier(.2,.7,.2,1) .2s both;}
@keyframes eimsky-gradient-sweep{ from { background-position: 100% 50%; } to { background-position: 0 50%; } }
html.eimsky-motion-full .contact-page__field input:focus-visible,html.eimsky-motion-full .contact-page__field textarea:focus-visible{transition: border-color .25s ease, box-shadow .25s ease; box-shadow: 0 0 0 4px rgba(98,164,32,.12);}
html.eimsky-motion-full .contact-page__status:not(:empty){animation: eimsky-status-in .4s cubic-bezier(.16,1,.3,1) both;}
@keyframes eimsky-status-in{ from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
}
@media (max-width: 900px) {
	.about-page__timeline.is-motion-pending::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
html:not(.eimsky-motion-full) .is-motion-pending{opacity: 1 !important; transform: none !important; clip-path: none !important;}
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.about-page__story-photo img,
	.about-page__team-gallery .about-page__member img { transition: transform .7s cubic-bezier(.16,1,.3,1); }
	.about-page__story-photo:hover img,
	.about-page__member:hover img { transform: scale(1.045); }
	.about-page__award:not(.is-motion-pending) { transition: transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s ease; }
	.about-page__award:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,33,16,.1); }
	.contact-page__icon { transition: transform .4s cubic-bezier(.16,1,.3,1), background-color .35s ease; }
	.contact-page__detail:hover .contact-page__icon { transform: translateY(-3px); background-color: #e7f2cf; }
}
/* Same motion when the site plays animations as designed (Customizer → Eimsky: Animations). */
@media (hover: hover) and (prefers-reduced-motion: reduce) {
html.eimsky-motion-full .about-page__story-photo img,html.eimsky-motion-full .about-page__team-gallery .about-page__member img{transition: transform .7s cubic-bezier(.16,1,.3,1);}
html.eimsky-motion-full .about-page__story-photo:hover img,html.eimsky-motion-full .about-page__member:hover img{transform: scale(1.045);}
html.eimsky-motion-full .about-page__award:not(.is-motion-pending){transition: transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s ease;}
html.eimsky-motion-full .about-page__award:hover{transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,33,16,.1);}
html.eimsky-motion-full .contact-page__icon{transition: transform .4s cubic-bezier(.16,1,.3,1), background-color .35s ease;}
html.eimsky-motion-full .contact-page__detail:hover .contact-page__icon{transform: translateY(-3px); background-color: #e7f2cf;}
}