## 1. Reproduce And Locate

- [x] 1.1 Confirm where the homepage renders the Instagram section and what data source it uses (`site/src/pages/index.astro`)
- [x] 1.2 Identify the condition that currently triggers the Instagram empty state (no items) and the markup that reserves space

## 2. Implement Conditional Rendering

- [x] 2.1 Update the homepage to omit the Instagram section entirely when there are 0 Instagram items (no header, no empty-state text, no container)
- [x] 2.2 Ensure when Instagram items exist, the Instagram section still renders correctly (embeds/links unchanged)

## 3. Verify

- [x] 3.1 Build the site and confirm the homepage HTML does not include the Instagram section when `site/content/instagram-posts.json` is empty
- [x] 3.2 Build the site and confirm the homepage HTML includes the Instagram section when `site/content/instagram-posts.json` has at least one item
- [x] 3.3 Smoke-test in Docker/nginx (`localhost:8080`) to ensure the homepage layout renders correctly in both cases
