Homepage: show 5 featured plates, brand CTA button

Mark five posts (Gothic, Cyberpunk, Dark Fantasy, Urban, Sci-Fi) as
featured: true. Homepage grid now filters by that flag instead of
showing first 8. CTA button changed from plain black to brand russet.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

content/posts/bioluminescent-beauty-at-twilight/index.md

@@ -6,6 +6,7 @@ slug: "bioluminescent-beauty-at-twilight"
 issues:
   - "01"
 image: "bioluminescent-beauty-at-twilight.png"
+featured: true
 weight: 5
 categories:
   - "Cyberpunk"

content/posts/demon-horns-red-throne/index.md

@@ -6,6 +6,7 @@ slug: "demon-horns-red-throne"
 issues:
   - "01"
 image: "demon-horns-red-throne.png"
+featured: true
 weight: 19
 categories:
   - "Dark Fantasy"

content/posts/gothic-cathedral-red-gown/index.md

@@ -6,6 +6,7 @@ slug: "gothic-cathedral-red-gown"
 issues:
   - "01"
 image: "gothic-cathedral-red-gown.png"
+featured: true
 weight: 33
 categories:
   - "Gothic"

content/posts/paris-bridge-crimson-dusk/index.md

@@ -6,6 +6,7 @@ slug: "paris-bridge-crimson-dusk"
 issues:
   - "01"
 image: "paris-bridge-crimson-dusk.png"
+featured: true
 weight: 63
 categories:
   - "Urban"

content/posts/starship-bridge-sci-fi-pilot/index.md

@@ -6,6 +6,7 @@ slug: "starship-bridge-sci-fi-pilot"
 issues:
   - "01"
 image: "starship-bridge-sci-fi-pilot.png"
+featured: true
 weight: 85
 categories:
   - "Sci-Fi"

layouts/index.html

@@ -3,6 +3,7 @@
 {{- $issuePage := $.Site.GetPage (printf "/issues/%s" $issueNum) }}
 {{- $plates    := cond (ne $issuePage nil) $issuePage.Pages .Site.RegularPages }}
 {{- $total     := len $plates }}
+{{- $featured  := where .Site.RegularPages ".Params.featured" true }}
 
 {{/* ── Hero ── */}}
 <section id="hero"
@@ -24,9 +25,9 @@
     <div class="flex items-center gap-4 flex-wrap">
       <a href="/issues/{{ $issueNum }}/"
          class="inline-flex items-center gap-2 px-6 py-3
-                bg-ink text-paper
+                bg-roux text-paper
                 font-sans font-medium text-[11px] leading-none tracking-[.16em] uppercase
-                transition-colors duration-200 hover:bg-roux">
+                transition-colors duration-200 hover:bg-roux-deep">
         Enter the issue
         <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
       </a>
@@ -59,7 +60,7 @@
 {{/* ── Plate preview ── */}}
 <section id="grid"
   class="grid [grid-template-columns:repeat(auto-fill,minmax(220px,1fr))] gap-[var(--gap)] px-[var(--pad)] pt-[var(--gap)] pb-0">
-  {{- range $i, $p := first 8 $plates }}
+  {{- range $i, $p := $featured }}
     {{- partial "card.html" (dict "Page" $p "Index" $i) }}
   {{- end }}
 </section>