Use Patiun icons, motifs, seal logo and gold accents across the site

- Icons: Patiun stroke icon set (13 approved + 73 new) in src/lib/brand-icons.ts;
  Icon.astro and a React BrandIcon resolve mdi names to brand icons, keeping
  mdi only for third-party logos. Inline island icons (mobile menu, carousel,
  form success, board game shelf, product tile) switched too.
- Motifs: layered seal turns in the hero corner; astrolabe on the Professional
  hero; Starlight recolors of the transmutation seal and tria prima array
  behind light sections (outlined ring text, no fonts needed). Removed the
  generic sacred-geometry and astrolabe drawings.
- Gold accents: image frames and corner stars, quote bars, dividers (new
  star-line divider), nav group divider, scrolled nav rule, footer rule.
- Nav and footer use the Patiun seal; nav tagline back to "Developer. Maker.
  Storyteller."; "Web Development · a Patiun LLC company" moved to the
  footer copyright line.
- Mobile menu: Midnight drawer, visible close button.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012aSbo2D1qP8cMFQCykf7kx

src/components/layout/Footer.astro

@@ -3,11 +3,11 @@
  * Footer.astro
  * ---------------------------------------------------------------------------
  * Minimal footer on a deep night-sky surface: a faint static starfield accent,
- * the Patiun glyph as a maker's mark beside the name, social links (mdi icons), copyright, and
+ * the Patiun seal beside the name, social links, the copyright with the
+ * "a Patiun LLC company" line, and
  * the spec microcopy "Built with intention. Powered by caffeine." No emojis.
  */
 import Icon from '@components/Icon.astro';
-import PatiunGlyph from '@components/brand/PatiunGlyph.astro';
 import StarField from '@components/mystic/StarField.astro';
 import { socials, footerMicrocopy, siteIdentity } from '@lib/site';
 const year = new Date().getFullYear();
@@ -16,7 +16,7 @@ const socialList = Object.values(socials);
 
 <footer
   class="relative overflow-hidden border-t"
-  style="border-color: var(--color-border); background: var(--color-surface-sunken);"
+  style="border-color: color-mix(in srgb, var(--color-gold) 55%, transparent); background: var(--color-surface-sunken);"
 >
   {/* Faint static starfield — carries the night-sky treatment into the footer. */}
   <StarField
@@ -26,7 +26,7 @@ const socialList = Object.values(socials);
   />
   <div class="container-prose relative z-10 flex flex-col items-center gap-6 py-10 text-center sm:flex-row sm:justify-between sm:text-left">
     <div class="flex items-center gap-3">
-      <PatiunGlyph class="h-6 w-auto shrink-0" />
+      <img src="/brand/patiun-seal.svg" alt="" width="48" height="48" class="h-12 w-12 shrink-0" />
       <div class="flex flex-col gap-1">
         <p class="font-display text-sm font-bold uppercase tracking-[0.14em]" style="color: var(--color-text);">
           {siteIdentity.name}
@@ -56,6 +56,6 @@ const socialList = Object.values(socials);
     </ul>
   </div>
   <div class="container-prose relative z-10 pb-8 text-center text-xs" style="color: var(--color-text-subtle);">
-    &copy; {year} {siteIdentity.name}. All rights reserved.
+    &copy; {year} {siteIdentity.name} · {siteIdentity.lockupLine}. All rights reserved.
   </div>
 </footer>