Earthy organic studio website

Arrange a studio's story, work and services into a sand-and-terracotta website with organic image shapes and paper texture. A compact direction to help the next screen feel deliberate, specific, and easy to remix.

Create a complete warm earthy organic studio website as previewable HTML/CSS. Give it a real content sequence and visual rhythm, not a palette proposal alone.

INPUT
Studio: [name, positioning, audience, factual introduction]
Work: [2–4 real projects, titles, descriptions, categories and authorized image paths]
Services/values: [actual services, working methods or values]
Contact/constraints: [email/real destinations, available fonts, existing brand rules, language]

MISSING INFORMATION
Ask at most three blocking questions. Clearly label image/content placeholders. A fictional specimen must be visibly labeled throughout as a demo. Do not inherit the source's Loam name, 9k users, 94% statistics, generation time, founding date, customer avatars or free-service promises. Show such facts only with actual supplied evidence.

METHOD
1. Build navigation, positioning/hero, selected work, numbered services, studio story/values, contact, then footer. Explain what the studio does, for whom and how to view work in the first viewport. Omit unsupported statistics/testimonials instead of inventing numbers.
2. Base on #EFE7D8 sand, #F6F0E4 light sand and #2B251D warm ink; terracotta #C4633F, olive #6B7048 and clay #CF9A6F for sections/emphasis. Calculate actual button/text contrast, adding darker related text colors when needed and labeling additions. Use licensed serif display and readable body type; absent font files default to system serif/sans-serif. A font name is not permission.
3. Two-column copy/photo hero and project grid on desktop; one column on mobile, or two where content remains readable. Use irregular leaf-like radii on a few photos without harming subjects, and consistent other cards. Faint paper texture, a hand-drawn underline and subdued shapes suggest craft. No broad blur or covered copy. Contain decoration locally; do not hide real overflow with page-wide overflow-x:hidden.
4. Prefer supplied email/contact URLs. No fake successful form without a backend. An explicitly requested form specimen must be marked disconnected and prevented from sending. Keyboard-operable anchors, project entries and focus; label missing project destinations. Minimal HTML/CSS/necessary JS, no Tailwind/icon-library installation or trackers.
5. Check 390px/1440px, long service names, missing imagery and actual contact behavior. Reduced motion disables decorative transitions. Report executed previews separately; source code existence proves neither loaded images, asset rights nor accessibility certification.

DELIVER
A. Positioning/page structure and separate content/asset gaps.
B. One complete index.html code block with inline CSS and easy-to-locate real copy/replaceable assets. Only supplied media/contact paths.
C. Original/added colors, crop notes, actual link table and performed/pending checks.

Preserve actual work and story. Promise no client growth, speed or conversion outcomes. This is a website prototype, not a live inquiry system.
Site adaptation of Jason Zhou / Superdesign, Loam (prompt text CC0-1.0). Retains earth colors and organic layout, removes demo statistics, invented endorsements, random images and simulated sending, and adds standalone full-page delivery: https://github.com/superdesigndev/superdesign-prompts/blob/6c60906945208df5aa2187f19f8ddfe9b2948aa0/prompts/loam-warm-earthy-organic-agency-website/README.md .

copied demo brand/statistics, random copyrighted images, unlicensed fonts, cropped subjects, hidden page overflow, fake sending, obscured copy, fabricated deployment/tests