/**
 * Ondersteunende CSS voor hero-home.js.
 *
 * Alle onderstaande elementen staan standaard op opacity:0 — voorkomt
 * een flits van volledig zichtbare content vóórdat GSAP actief wordt
 * (JS laadt altijd ná de eerste HTML-render). hero-home.js gebruikt
 * bewust gsap.fromTo() (niet .from()) voor de meeste van deze
 * elementen, met expliciete eindwaarden — anders zou de eindstand uit
 * deze (ook op 0 staande) CSS gelezen worden: van 0 naar 0 animeren,
 * voor altijd onzichtbaar. Zie ook README.md voor deze vuistregel.
 *
 * .js-hero-title EN .js-hero-sub zijn een UITZONDERING: die worden door
 * hero-home.js zelf na het splitsen weer op opacity:1 gezet (de losse
 * regels nemen de verberg/onthul-taak dan over via hun eigen
 * mask-wrapper, .js-split-mask — CSS daarvoor zit al in text-reveal.css,
 * altijd sitebreed geladen). .js-hero-sub gebruikte eerst de gewone
 * fromTo-aanpak (simpele fade+slide), maar is inmiddels omgezet naar
 * dezelfde regel-voor-regel-mask-techniek als de titel, voor een
 * consistenter animatiegevoel tussen de twee.
 *
 * LET OP: zonder werkende JavaScript blijft deze content onzichtbaar
 * (geen ingebouwde fallback) — bewuste afweging, consistent met de rest
 * van dit design-systeem.
 */
.js-hero-title,
.js-hero-eyebrow,
.js-hero-sub,
.js-hero-search,
.js-hero-card {
	opacity: 0;
}