/* NelbStudios . motion v2
   Brand: Condiviso (stesso file su NelbRodrigues).
   Il reveal allo scroll lo guida GSAP (motion.js). Qui restano le parti CSS:
   apertura pagina, micro-interazioni hover, guardie di sicurezza. */

/* ---------------------------------------------------------- page open */

.ns-motion-pageopen {
	animation: ns-page-in 0.5s ease-out both;
}

@keyframes ns-page-in {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* -------------------------------------------------- guardia legacy v1 */

/* Le vecchie classi reveal della v1 non devono mai nascondere contenuto:
   ora il movimento lo gestisce GSAP e parte da elementi visibili. */
.ns-reveal,
.ns-reveal--rise,
.ns-reveal--fade,
.ns-reveal--reveal {
	opacity: 1;
	transform: none;
	clip-path: none;
}

/* -------------------------------------------------------------- hover */

/* Micro-interazioni: un cenno, niente di appariscente.
   Coprono i widget del Nelb Elementor Pack e i blocchi comuni. */
.ns-motion-hover .look .ph,
.ns-motion-hover figure img,
.ns-motion-hover .nlb-link img,
.ns-motion-hover .nlb-link video,
.ns-motion-hover .nyt-v img,
.ns-motion-hover .nfl-media img {
	transition: opacity 0.15s ease-out, transform 0.22s ease-out;
}

.ns-motion-hover .look:hover .ph,
.ns-motion-hover a:hover > figure img,
.ns-motion-hover .nlb-link:hover img,
.ns-motion-hover .nlb-link:hover video,
.ns-motion-hover a.nyt-v:hover img {
	opacity: 0.92;
}

/* Sottolineatura che cresce sui link testuali. */
.ns-motion-hover .jrow .t a,
.ns-motion-hover .feature .ft a,
.ns-motion-hover .njf-row .t,
.ns-motion-hover .njf-ft {
	background-image: linear-gradient(currentColor, currentColor);
	background-size: 0% 1px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	transition: background-size 0.22s ease-out;
}

.ns-motion-hover .jrow .t a:hover,
.ns-motion-hover .feature .ft a:hover,
.ns-motion-hover .njf-row .t:hover,
.ns-motion-hover .njf-ft:hover {
	background-size: 100% 1px;
}

/* -------------------------------------------- rispetto reduced motion */

@media (prefers-reduced-motion: reduce) {
	.ns-motion-pageopen {
		animation: none;
	}

	.ns-motion-hover .look .ph,
	.ns-motion-hover figure img,
	.ns-motion-hover .nlb-link img,
	.ns-motion-hover .nlb-link video,
	.ns-motion-hover .nyt-v img,
	.ns-motion-hover .nfl-media img,
	.ns-motion-hover .jrow .t a,
	.ns-motion-hover .feature .ft a,
	.ns-motion-hover .njf-row .t,
	.ns-motion-hover .njf-ft {
		transition: none !important;
	}
}