Now I have all the context I need. This is a large, multi-section landing page for "Brigada Florestal Suçuaranas" — an ecofeminist forest fire brigade. Let me set up a task list and start building.

Let me start by setting up the theme, fonts, and generating the hero image in parallel.

Now let me set up the theme and fonts. I'll update globals.css, layout.tsx, and create a tailwind.config.ts:

Now let me build all the components. I'll create the Navbar, Hero, and a scroll animation hook:

Now let me assemble everything in the main page:

Your Brigada Florestal Sucuaranas landing page is complete. I built a full 7-section site following the "Dark Editorial Nature" design system from your design brief: a cinematic full-viewport hero with massive stacked Barlow Condensed display type, a cream "Why Support" section with dark feature cards, a fire-orange event section with a dashed-border ticket card, glassmorphic sponsorship tiers with a glowing gold recommendation, a warm individual donation section, a focused CTA with PIX key, and a structured footer. The color palette uses forest green (#1B3B2B) as the dominant dark tone, electric lime (#4ADE80) for accents and borders, fire orange (#E85D04) for urgency, and gold (#F4A61D) for warmth — all wired through semantic design tokens. Three AI-generated images provide photojournalistic atmosphere across the hero, event, and donation sections, with scroll-triggered fade-up animations via IntersectionObserver for editorial pacing.