============================================================
MOUNTAIN POUR — SQUARESPACE CODE BLOCKS
Each snippet below goes into its own Code Block.
Between code blocks, add Squarespace Image Blocks.
Set all images to FULL WIDTH in Squarespace image settings.
============================================================


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
CODE BLOCK 1 — Intro (title + meta + overview)
Paste this into the first Code Block on the page.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

<div class="mp"><div class="mp-section"><div class="mp-year">Industrial Design · 2023</div><h1 class="mp-title">Mountain<span>Pour</span></h1><div class="mp-meta-row"><div class="mp-meta-item"><div class="mp-meta-key">Role</div><div class="mp-meta-val">Industrial Designer</div></div><div class="mp-meta-item"><div class="mp-meta-key">Tools</div><div class="mp-meta-val">Fusion 360, Keyshot, Procreate, Adobe Suite</div></div><div class="mp-meta-item"><div class="mp-meta-key">Duration</div><div class="mp-meta-val">4 weeks</div></div><div class="mp-meta-item"><div class="mp-meta-key">Type</div><div class="mp-meta-val">Product Design</div></div></div><p class="mp-body">Mountain Pour is a study of culture and form as seen through the lens of Kurdish tea culture.</p></div></div>

↓ ADD IMAGE BLOCK HERE → Hero image (full width)


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
CODE BLOCK 2 — Background Research
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

<div class="mp"><div class="mp-section"><div class="mp-sec-label">01 — Background Research</div><p class="mp-body">I began this project by going to Leyla Mediterranean restaurant. It was here that I met the owner, Comert, and asked if I would be able to interview him about Kurdish tea culture for a project. He enthusiastically invited me in, and on the first day, I spent 6 hours learning and ideating with him and his staff. Over the next 4 weeks, I would return to the restaurant with sketches, prototypes, and ideas so that I could gain feedback.</p></div></div>

↓ ADD IMAGE BLOCK HERE → Mood board / research imagery

<div class="mp"><div class="mp-pullquote">"The mountains and the outdoors are very important to the Kurdish people. With this in mind, I wanted to craft something that would be reminiscent of this nature and also usable in it."</div></div>

↓ ADD IMAGE BLOCK HERE → Competitor analysis image
↓ ADD IMAGE BLOCK HERE → User observation image


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
CODE BLOCK 3 — Ideation
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

<div class="mp"><div class="mp-section"><div class="mp-sec-label">02 — Ideation</div><p class="mp-body">Early concepts were based on stone and mountain forms for the tea pots and more rounded forms for the teacups.</p></div></div>

↓ ADD IMAGE BLOCK HERE → Concept overview
↓ ADD IMAGE BLOCK HERE → Concept A
↓ ADD IMAGE BLOCK HERE → Concept B
↓ ADD IMAGE BLOCK HERE → Concept C

<div class="mp"><p class="mp-body">Explain why you moved forward with your chosen concept and what criteria you used.</p></div>


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
CODE BLOCK 4 — Sketches
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

<div class="mp"><div class="mp-section"><div class="mp-sec-label">03 — Sketches</div><p class="mp-body">Describe what these sketches represent — early rough ideas, refined form studies, or detail explorations.</p></div></div>

↓ ADD IMAGE BLOCK HERE → Sketch spread
↓ ADD IMAGE BLOCK HERE → Detail sketches
↓ ADD IMAGE BLOCK HERE → Refined concept sketch
↓ ADD IMAGE BLOCK HERE → View study 1
↓ ADD IMAGE BLOCK HERE → View study 2
↓ ADD IMAGE BLOCK HERE → View study 3


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
CODE BLOCK 5 — Physical Prototype Testing
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

<div class="mp"><div class="mp-section"><div class="mp-sec-label">04 — Physical Prototype Testing</div><p class="mp-body">Describe what you built, how you tested it, and what you learned. What changed between your first prototype and your final design?</p></div></div>

↓ ADD IMAGE BLOCK HERE → Prototype photo
↓ ADD IMAGE BLOCK HERE → Testing documentation

<div class="mp"><div class="mp-pullquote">"Replace with a key finding from testing that influenced the final design."</div></div>

↓ ADD IMAGE BLOCK HERE → Iteration 1
↓ ADD IMAGE BLOCK HERE → Iteration 2


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
CODE BLOCK 6 — Model Prep
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

<div class="mp"><div class="mp-section"><div class="mp-sec-label">05 — Model Prep</div><p class="mp-body">Describe your 3D modelling process — software used, how you translated sketches into geometry, and any challenges in form development.</p></div></div>

↓ ADD IMAGE BLOCK HERE → 3D model wireframe or shaded view
↓ ADD IMAGE BLOCK HERE → Front orthographic
↓ ADD IMAGE BLOCK HERE → Side orthographic
↓ ADD IMAGE BLOCK HERE → Top orthographic

<div class="mp"><div class="mp-spec-grid"><div class="mp-spec-item"><div class="mp-spec-val">—mm</div><div class="mp-spec-key">Height</div></div><div class="mp-spec-item"><div class="mp-spec-val">—mm</div><div class="mp-spec-key">Width</div></div><div class="mp-spec-item"><div class="mp-spec-val">—g</div><div class="mp-spec-key">Weight</div></div><div class="mp-spec-item"><div class="mp-spec-val">—</div><div class="mp-spec-key">Material</div></div></div></div>


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
CODE BLOCK 7 — Presentation
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

<div class="mp"><div class="mp-section"><div class="mp-sec-label">06 — Presentation</div><p class="mp-body">Final renders and presentation imagery — the hero shots that communicate the full vision of Mountain Pour.</p></div></div>

↓ ADD IMAGE BLOCK HERE → Hero render
↓ ADD IMAGE BLOCK HERE → Context / lifestyle render
↓ ADD IMAGE BLOCK HERE → Detail render
↓ ADD IMAGE BLOCK HERE → Final presentation board