--> --> --> --> --> --> /* tells the CSS that JS is running, so animations switch on */ /* ---------- badge fallback: a missing image never breaks the layout ---------- */ /* ---------- scroll reveals ---------- */ /* ---------- the spine fills as you scroll ---------- */ /* ---------- filter by recognition level ---------- */ /* hide a year heading when that year has nothing left to show */ /* ---------- sort order ---------- */ /* ---------- 1. TOKENS + WRAPPER ---------- */ /* brand colours, taken from vccounselling.com */ /* SPACING — tweak these two if it fights your Elementor container */ --pad:clamp(20px,5vw,64px); /* left/right breathing room. Set to 0 if the Elementor column already has padding. */ --maxw:1200px; /* inner width. Set to 100% if your container already limits width. */ /* ---------- 2. SECTION HEADING ---------- */ /* ---------- 3. FILTER + SORT CONTROLS ---------- */ /* ---------- 4. TIMELINE ---------- */ /* top:96px clears a sticky site header — retune if your header is taller */ /* node mark: filled ring = Recipient, open ring = Finalist */ /* badge tile */ /* ---------- 5. ANIMATION (only applied once JS confirms it is running) ---------- Content is fully visible by default. If a plugin ever strips the script, the section still renders — it just won't animate. */ /* ---------- 6. RESPONSIVE ---------- */ /* ---------- 7. REDUCED MOTION ---------- */ /* ---------- 8. PRINT ---------- */