/* NavalHEAD — Home page: fasce a tutta larghezza e animazioni di ingresso (inc/home.php) */

/*
 * Fasce a tutta larghezza.
 * front-page.php sta dentro il contenitore di Astra (larghezza limitata): ogni sezione
 * ne esce allargandosi alla finestra. Il contenuto resta centrato dai rispettivi __inner.
 */
.nh-home > * {
    width: 100vw !important;
}

/* 100vw comprende la barra di scorrimento: evita lo scorrimento orizzontale. */
body.home {
	overflow-x: clip;
}

/*
 * Animazioni di ingresso (assets/js/home.js).
 * La classe nh-js-reveal sull'<html> la aggiunge lo script: senza JavaScript, o con
 * "riduci movimento" attivo nel sistema, tutto resta visibile e fermo.
 *   data-nh-reveal="self"    → l'elemento
 *   data-nh-reveal="stagger" → i figli, uno dopo l'altro
 *   data-nh-reveal="rows"    → i figli, riga per riga
 */
.nh-js-reveal [data-nh-reveal="self"],
.nh-js-reveal [data-nh-reveal="stagger"] > *,
.nh-js-reveal [data-nh-reveal="rows"] > * {
	opacity: 0;
	transform: translateY(1.25rem);
	transition:
		opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: var(--nh-delay, 0s);
}

.nh-js-reveal [data-nh-reveal="self"].is-revealed,
.nh-js-reveal [data-nh-reveal="stagger"].is-revealed > *,
.nh-js-reveal [data-nh-reveal="rows"].is-revealed > * {
	opacity: 1;
	transform: none;
}