} : {})} ambient={[ { top: -220, from: "start", offset: "8%", width: 780, height: 620, durationSeconds: 18 }, { top: 120, from: "end", offset: "-160px", width: 620, height: 520, tone: "danger", durationSeconds: 24, reverse: true, }, ]} reveal wordmark={HERO_WORDMARK[theme]} /* EU visibility sits at the top of the hero (the draft's badge). The emblem matches the page surface the hero stands on, which the theme cookie decides - dark emblem in dark mode, light emblem in light mode, like the footer's badge. `emblemAlt` is left at its empty default: the statement is real text beside the emblem, so naming the image would read the attribution out twice. */ funderBadge={ } {...(hero.media ? { media: hero.media } : {})} mediaTreatment="banner" actions={heroCtas.map((cta) => ( ))} /> {/* WHAT THE PROJECT IS, AND WHO DELIVERS IT */} {/* `bleed` drops the 80rem Container so the band's content - the three pictures especially - runs the full width of the viewport, the way the draft draws the mosaic. The gutter the Container used to add is re-applied here, and the header column still constrains itself to its own measure, so only the gallery actually strays to the edges. */}

{approach.lead ?? copy.approachLead}

{/* THREE AREAS OF CHANGE */}

{pillar.title}

{pillar.description}

{/* NEWSROOM */}

{news.length > 0 ? (

))}

) : ( )}

{/* FAQs - the heading column stays with the reader while the answers scroll beside it, as the draft has it. */}

{faqs.length > 0 ? ( ) : ( )}

{/* THE CONSORTIUM, then the network it works with */}

{t("site.euStatement")}

{member.role}
{member.name}

{member.description}

{copy.networkLabel}

{partners.length === 0 ? ( ) : partners.length >= PARTNER_MARQUEE_MIN ? ( /* The wall drifts, as the third draft draws it. The track holds the tiles twice so the loop is seamless; the mask fades it out at both ends instead of cutting a tile in half. Both halves come from one list, so the wall can never show a partner the CMS does not hold. */

))} {partners.map((partner) => ( ))}

) : (

))}

)}

); }