/* ==========================================================================
   Microanimaties (assets/js/motion.js)
   html.hn-motion staat er alleen zolang het script nog niet klaar is, en alleen
   als de bezoeker geen "minder beweging" heeft ingesteld. Zo flitst de binnenkomst
   niet eerst zichtbaar op voordat de animatie begint.
   ========================================================================== */

html.hn-motion .hn-hero__visual,
html.hn-motion .hn-hero h1,
html.hn-motion .hn-hero__text > *,
html.hn-motion .project__container__left > *,
html.hn-motion .projecten-grid > *,
html.hn-motion body:not(.et-fb) #et-main-area .et_pb_column > .et_pb_module,
html.hn-motion body:not(.et-fb) #et-main-area .et_pb_fullwidth_section > .et_pb_module {
	visibility: hidden;
}

/* Oude Divi-animaties uit: motion.js laat de modules zelf infaden (ook zonder JS zichtbaar). */
#page-container .et_animated {
	opacity: 1;
	animation: none !important;
}
#page-container .et-waypoint:not(.et_pb_counters) {
	opacity: 1 !important;
	transform: none !important;
}

/* Titel per woord: elk woord schuift omhoog uit een eigen masker. */
.hn-word {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	padding-bottom: .08em;
	margin-bottom: -.08em;
}
.hn-word > span { display: inline-block; }