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>

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>