Add dedicated process page with editorial photography

index.html

@@ -675,7 +675,7 @@ footer {
     <a href="#story">Origin</a>
     <a href="#products">Coffee</a>
     <a href="#subscribe">Subscribe</a>
-    <a href="#process">Process</a>
+    <a href="process.html">Process</a>
   </div>
 </nav>
 
@@ -889,6 +889,9 @@ footer {
         <p>Out the door within 48 hours of roasting. On your counter within a week. Coffee was never meant to sit in a warehouse.</p>
       </div>
     </div>
+    <div class="reveal" style="text-align:center; margin-top:56px;">
+      <a href="process.html" style="display:inline-flex; align-items:center; gap:12px; font-family:var(--sans); font-size:0.74rem; font-weight:500; letter-spacing:0.28em; text-transform:uppercase; color:var(--gold); border-bottom:1px solid var(--gold); padding-bottom:6px;">See the full process →</a>
+    </div>
   </div>
 </section>