feat(portfolio): add field notes section bridging to blog

components/portfolio/FieldNotes.tsx

@@ -26,22 +26,17 @@ export function FieldNotes({ posts }: FieldNotesProps) {
       className="border-y border-blacksite-line bg-blacksite-bg2 px-4 py-24 text-blacksite-text sm:px-6 lg:px-8"
     >
       <div className="mx-auto max-w-7xl">
-        <div className="mb-10 flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between">
+        <div className="mb-10 max-w-4xl">
           <div>
             <p className="section-label mb-3">FIELD NOTES /.04</p>
             <h2 className="font-display text-4xl font-semibold tracking-[-0.04em] text-blacksite-text sm:text-6xl">
               Blog telemetry from the archive.
             </h2>
           </div>
-          <Link
-            href="/blog/"
-            className="section-label w-fit rounded-md border border-blacksite-line px-4 py-3 !text-blacksite-text transition-colors hover:border-signal-cyan/70 hover:!text-signal-cyan focus-visible:outline-signal-cyan"
-          >
-            All field notes →
-          </Link>
         </div>
 
         {recentPosts.length > 0 ? (
+          <>
             <div className="divide-y divide-blacksite-line border-y border-blacksite-line">
               {recentPosts.map((post) => (
                 <Link
@@ -65,6 +60,15 @@ export function FieldNotes({ posts }: FieldNotesProps) {
                 </Link>
               ))}
             </div>
+            <div className="mt-8 flex justify-end">
+              <Link
+                href="/blog/"
+                className="section-label rounded-md border border-blacksite-line px-4 py-3 !text-blacksite-text transition-colors hover:border-signal-cyan/70 hover:!text-signal-cyan focus-visible:outline-signal-cyan"
+              >
+                All field notes →
+              </Link>
+            </div>
+          </>
         ) : (
           <div className="border border-dashed border-blacksite-line bg-blacksite-surface/45 p-8 sm:p-10">
             <p className="section-label mb-5 !text-blacksite-text">
@@ -74,7 +78,7 @@ export function FieldNotes({ posts }: FieldNotesProps) {
               href="/blog/"
               className="section-label inline-flex rounded-md border border-blacksite-line px-4 py-3 !text-blacksite-text transition-colors hover:border-signal-cyan/70 hover:!text-signal-cyan focus-visible:outline-signal-cyan"
             >
-              Visit archive →
+              All field notes →
             </Link>
           </div>
         )}