إزاي تعمل موقع سينمائي

Turn this photo of my product into a professional studio product shot. Keep the packaging, logo, colors and text exactly the same — do not change the design. Clean black background, soft cinematic lighting, high resolution. Give me two images: one front view, and one side view at an angle.

I'm building a cinematic product page for this coffee bag, in the style of apple.com/iphone-18-pro. Look at the two product images.
Before anything else, write me a BRIEF.md: extract the brand colors from the bag, list the Arabic text that's already on the packaging, propose a section-by-section structure mapped from the Apple page, and list the video and image assets we'd need to generate.
Ask me anything you need before you write it.

Look at the files in this folder. Read the brief and the two product images.
Using the Higgsfield MCP: upload the two product images and create a reusable reference Element for the coffee bag so it stays identical across generations — same logo, same green/gold/kraft colors.
Then generate the videos listed under "Assets" in the brief: hero, rotation, beans, steam. Each 5 seconds, black background, cinematic studio lighting, no text overlays, no people. Also generate the 3 roast stills.
Save everything next to the brief using the exact filenames from it, and export a poster image for each video.
Stop after the assets are done. Do not start the website.

Read the brief in this folder, then fetch the Apple page and study its structure.
You will not see the animations, so here is how they behave: each hero-style section is pinned while you scroll through it. The visual moves from its start state to its end state tied to scroll progress, and the headline fades in partway through — not at the start.
Don't write any code yet. Tell me back how you plan to structure our coffee site, section by section.

Build the full site now, following the plan you laid out. Desktop only. Keep the dev server running.

The hero animation plays too fast. Make the pinned scroll distance longer so the full motion takes about two screen heights.

The headline overlaps the product. Move it so it never covers the product at any scroll position.

There's a black flash before the video loads. Show the poster image until the first frame is ready.

Numbers are flipping in the RTL layout. Wrap all numbers and units in dir="ltr".

Change the headline of the [section name] section to: [your Arabic text].