/**
 * 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 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 is een uitzondering: die wordt 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).
 *
 * 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;
}