Initial Roux Hugo site — fashion journal for roux.pivoine.art

100-post fashion journal generated from ~/projects/ginger content:
- Hugo Extended static site with TailwindCSS v4
- WebP image pipeline (thumb/card/og/full sizes via Hugo image processing)
- Full SEO: sitemap (501 URLs), OpenGraph with per-post images, Twitter cards
- Async page transitions via View Transitions API
- Deep-linked URLs: /posts/[slug]/, /categories/[cat]/, /tags/[tag]/, /issues/
- Lightbox with keyboard/swipe nav, thumbnail strip, inverted search index
- Issues archive with quarterly release structure
- Multi-stage Dockerfile (Tailwind → Hugo → nginx:alpine)

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

static/assets/roux-mark.svg

@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Roux">
+  <title>Roux — peony mark</title>
+  <defs>
+    <radialGradient id="rxBloom" cx="50%" cy="46%" r="58%">
+      <stop offset="0" stop-color="#b34a30"></stop>
+      <stop offset=".6" stop-color="#8a3322"></stop>
+      <stop offset="1" stop-color="#5a1d15"></stop>
+    </radialGradient>
+  </defs>
+
+  
+  <g fill="#6e2519" transform="translate(32 32)">
+    <ellipse cx="0" cy="-16" rx="10.5" ry="14"></ellipse>
+    <ellipse cx="0" cy="-16" rx="10.5" ry="14" transform="rotate(60)"></ellipse>
+    <ellipse cx="0" cy="-16" rx="10.5" ry="14" transform="rotate(120)"></ellipse>
+    <ellipse cx="0" cy="-16" rx="10.5" ry="14" transform="rotate(180)"></ellipse>
+    <ellipse cx="0" cy="-16" rx="10.5" ry="14" transform="rotate(240)"></ellipse>
+    <ellipse cx="0" cy="-16" rx="10.5" ry="14" transform="rotate(300)"></ellipse>
+  </g>
+
+  
+  <g fill="url(#rxBloom)" transform="translate(32 32) rotate(30)">
+    <ellipse cx="0" cy="-11" rx="8" ry="11"></ellipse>
+    <ellipse cx="0" cy="-11" rx="8" ry="11" transform="rotate(60)"></ellipse>
+    <ellipse cx="0" cy="-11" rx="8" ry="11" transform="rotate(120)"></ellipse>
+    <ellipse cx="0" cy="-11" rx="8" ry="11" transform="rotate(180)"></ellipse>
+    <ellipse cx="0" cy="-11" rx="8" ry="11" transform="rotate(240)"></ellipse>
+    <ellipse cx="0" cy="-11" rx="8" ry="11" transform="rotate(300)"></ellipse>
+  </g>
+
+  
+  <g fill="#9a3a26" transform="translate(32 32) rotate(0)">
+    <ellipse cx="0" cy="-6" rx="5" ry="7.5"></ellipse>
+    <ellipse cx="0" cy="-6" rx="5" ry="7.5" transform="rotate(72)"></ellipse>
+    <ellipse cx="0" cy="-6" rx="5" ry="7.5" transform="rotate(144)"></ellipse>
+    <ellipse cx="0" cy="-6" rx="5" ry="7.5" transform="rotate(216)"></ellipse>
+    <ellipse cx="0" cy="-6" rx="5" ry="7.5" transform="rotate(288)"></ellipse>
+  </g>
+
+  
+  <circle cx="32" cy="32" r="3.2" fill="#3a120c"></circle>
+  <circle cx="32" cy="31.4" r="1.2" fill="#c0573c" opacity=".7"></circle>
+</svg>