diff --git a/.coderabbit.yml b/.coderabbit.yml
index f84a550..6ece084 100644
--- a/.coderabbit.yml
+++ b/.coderabbit.yml
@@ -110,7 +110,7 @@ reviews:
         - `app/components/ui/` - Reusable UI primitives (App* prefix)
         - `app/components/layout/` - Site-wide layout (header, footer)
         - `app/components/content/` - Domain content components (cards, carousel)
-        - `app/components/OgImage/` - Satori-rendered OG image templates
+        - `app/components/OgImageTemplate/` - active Takumi OG image templates
         - `content/` - File-based CMS (Markdown, YAML): talks/, projects/, clients/, publications/, socials/
         - `public/` - Static assets
         - `scripts/` - Maintenance scripts
@@ -130,7 +130,7 @@ reviews:
         - Block order: `<script setup lang="ts">` -> `<template>` -> `<i18n lang="yaml">` -> `<style scoped>`.
         - Use `<NuxtLink>` for ALL links (internal and external), never raw `<a>` tags.
         - Use `<NuxtImg>` for ALL images (from `@nuxt/image`), never raw `<img>` tags.
-          Exception: `app/components/OgImage/` must use `<img>` (Satori limitation).
+          Exception: Takumi OG templates may use raw `<img>` only if `13-og-image.md` allows it for renderer compatibility.
         - Never nest `<a>` inside `<a>` (or `<NuxtLink>` inside a linked `AppCard`). Use the stretched-link pattern instead.
         - Icons: `<Icon name="collection:name" :size="N" />`.
 
@@ -156,14 +156,12 @@ reviews:
         ### Nuxt Config
         - Module-driven architecture. Check module docs before modifying module options.
 
-    - path: "app/components/OgImage/**/*.vue"
+    - path: "app/components/OgImageTemplate/**/*.vue"
       instructions: |
-        OG image components are rendered by Satori (not a browser). Special rules:
-        - Use inline styles only (no Tailwind, no `<style>` blocks). Hardcode hex colors.
-        - Use `<img>` for photos, inline `<svg>` for icons (never `<Icon>`, `<NuxtImg>`, or data URI `<img>`).
-        - Set icon `width`/`height` both as HTML attributes AND in `:style`.
-        - CRITICAL: nuxt-og-image's flex plugin overrides `flexDirection` to `column` on any `<div>` whose children include block elements (div, p, ul, ol, li, blockquote, pre, hr, table, dl). To preserve `flexDirection: 'row'`, add `class="flex-row"` (any class containing "flex-") to the container. Use `<span>` instead of `<div>` for text inside row containers.
-        - The flex plugin also forces `flexWrap: 'wrap'` and `gap: '0.2em'` on elements without a class containing "flex-".
+        OG image components are rendered by Takumi. Follow `.claude/rules/13-og-image.md`.
+        - Prefer inline styles for renderer-critical layout and effects.
+        - Use only Takumi-safe patterns already documented in `13-og-image.md`.
+        - Do not use known failing patterns such as `<style scoped>` for renderer-critical styling, CSS variables, `display: inline`, `flex-basis: auto`, or width keywords like `min-content`, `max-content`, and `fit-content`.
 
     - path: "app/pages/**"
       instructions: |
diff --git a/app/components/OgImageComponents/OgImageAvatar.vue b/app/components/OgImageComponents/OgImageAvatar.vue
index 66452ce..4b27f52 100644
--- a/app/components/OgImageComponents/OgImageAvatar.vue
+++ b/app/components/OgImageComponents/OgImageAvatar.vue
@@ -2,7 +2,6 @@
 /**
  * Shared avatar for non-Home OG image components.
  * Renders a circular avatar with accent gradient border in the top-right corner.
- * Satori constraints: inline styles only, no Tailwind, hardcoded colors.
  */
 </script>
 
@@ -14,21 +13,21 @@
       right: '80px',
       width: '130px',
       height: '130px',
-      borderRadius: '50%',
+      borderRadius: '999px',
       background: 'linear-gradient(135deg, #00dc82, #27272a)',
       padding: '4px',
-      flexWrap: 'nowrap',
     }"
   >
-    <img
-      alt="Thorsten Seyschab"
+    <NuxtImg
+      height="120"
       src="/avatar-thorsten-seyschab.jpg"
       :style="{
         width: '120px',
         height: '120px',
-        borderRadius: '50%',
+        borderRadius: '999px',
         objectFit: 'cover',
       }"
-    >
+      width="120"
+    />
   </div>
 </template>
diff --git a/app/components/OgImageComponents/OgImageCategoryLabel.vue b/app/components/OgImageComponents/OgImageCategoryLabel.vue
index 8807c6d..f22e807 100644
--- a/app/components/OgImageComponents/OgImageCategoryLabel.vue
+++ b/app/components/OgImageComponents/OgImageCategoryLabel.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 /**
  * Green uppercase category label for OG images (e.g. "Project", "Talk", "Client Project").
- * Satori constraints: inline styles only, no Tailwind, hardcoded colors.
  */
 defineProps<{
   /** The category text to display (e.g. "Project", "Talk"). */
diff --git a/app/components/OgImageComponents/OgImageDescription.vue b/app/components/OgImageComponents/OgImageDescription.vue
index 633eb06..0c6a576 100644
--- a/app/components/OgImageComponents/OgImageDescription.vue
+++ b/app/components/OgImageComponents/OgImageDescription.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 /**
  * Description/subtitle text for OG images.
- * Satori constraints: inline styles only, no Tailwind, hardcoded colors.
  */
 withDefaults(defineProps<{
   /** Description text to display. */
diff --git a/app/components/OgImageComponents/OgImageFooter.vue b/app/components/OgImageComponents/OgImageFooter.vue
index 92516a3..ebba575 100644
--- a/app/components/OgImageComponents/OgImageFooter.vue
+++ b/app/components/OgImageComponents/OgImageFooter.vue
@@ -2,7 +2,6 @@
 /**
  * Shared footer for all OG image components.
  * Renders author name (left), site URL (right), and a bottom gradient accent line.
- * Satori constraints: inline styles only, no Tailwind, hardcoded colors.
  */
 </script>
 
@@ -17,11 +16,9 @@
   >
     <!-- Author name and site URL -->
     <div
-      class="flex-row"
       :style="{
         display: 'flex',
         flexDirection: 'row',
-        flexWrap: 'nowrap',
         justifyContent: 'space-between',
         alignItems: 'flex-end',
       }"
@@ -52,7 +49,7 @@
         position: 'absolute',
         bottom: '0',
         left: '0',
-        right: '0',
+        right: '120px',
         height: '4px',
         background: 'linear-gradient(90deg, #00dc82, #00c474, transparent)',
       }"
diff --git a/app/components/OgImageComponents/OgImageGlow.vue b/app/components/OgImageComponents/OgImageGlow.vue
index e874c60..7910e82 100644
--- a/app/components/OgImageComponents/OgImageGlow.vue
+++ b/app/components/OgImageComponents/OgImageGlow.vue
@@ -2,7 +2,6 @@
 /**
  * Shared ambient glow effects for all OG image components.
  * Renders two radial gradient spotlights: top-right and bottom-left.
- * Satori constraints: inline styles only, no Tailwind, hardcoded colors.
  */
 </script>
 
diff --git a/app/components/OgImageComponents/OgImageTitle.vue b/app/components/OgImageComponents/OgImageTitle.vue
index edfccd6..bc0241d 100644
--- a/app/components/OgImageComponents/OgImageTitle.vue
+++ b/app/components/OgImageComponents/OgImageTitle.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 /**
  * Main title text for OG images.
- * Satori constraints: inline styles only, no Tailwind, hardcoded colors.
  */
 withDefaults(defineProps<{
   /** Title text to display. */
@@ -21,7 +20,7 @@ withDefaults(defineProps<{
   <div
     :style="{
       fontSize: size === 'lg' ? '72px' : '64px',
-      fontWeight: 800,
+      fontWeight: 700,
       color: '#fafafa',
       lineHeight: 1.05,
       letterSpacing: '-0.03em',
diff --git a/app/components/OgImage/OgImageDefault.satori.vue b/app/components/OgImageTemplate/OgImageDefault.takumi.vue
similarity index 86%
rename from app/components/OgImage/OgImageDefault.satori.vue
rename to app/components/OgImageTemplate/OgImageDefault.takumi.vue
index ecc522a..2722a91 100644
--- a/app/components/OgImage/OgImageDefault.satori.vue
+++ b/app/components/OgImageTemplate/OgImageDefault.takumi.vue
@@ -2,7 +2,6 @@
 /**
  * Default/fallback OG image component for generic pages.
  * Used by [...slug].vue when no specific OG component is configured.
- * Rendered by Satori (not a browser) - must use inline styles, <img>, and hardcoded colors.
  */
 withDefaults(defineProps<{
   /** Page title override. */
@@ -25,7 +24,6 @@ withDefaults(defineProps<{
       justifyContent: 'center',
       backgroundColor: '#0a0a0b',
       fontFamily: 'Inter, system-ui, sans-serif',
-      padding: '60px 80px',
       position: 'relative',
       overflow: 'hidden',
     }"
@@ -33,13 +31,15 @@ withDefaults(defineProps<{
     <OgImageGlow />
     <OgImageAvatar />
 
-    <!-- Main content -->
     <div
       :style="{
         display: 'flex',
         flexDirection: 'column',
-        flexWrap: 'nowrap',
+        justifyContent: 'center',
+        height: '100%',
         maxWidth: '960px',
+        padding: '60px 80px',
+        boxSizing: 'border-box',
       }"
     >
       <OgImageTitle size="md" :text="title" />
diff --git a/app/components/OgImage/OgImageHome.satori.vue b/app/components/OgImageTemplate/OgImageHome.takumi.vue
old mode 100755
new mode 100644
similarity index 65%
rename from app/components/OgImage/OgImageHome.satori.vue
rename to app/components/OgImageTemplate/OgImageHome.takumi.vue
index faea1bf..2442354
--- a/app/components/OgImage/OgImageHome.satori.vue
+++ b/app/components/OgImageTemplate/OgImageHome.takumi.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 /**
  * Default OG image component for the homepage.
- * Rendered by Satori (not a browser) - must use inline styles, <img>, and hardcoded colors.
  */
 withDefaults(defineProps<{
   /** Page title override. */
@@ -24,39 +23,27 @@ withDefaults(defineProps<{
       justifyContent: 'center',
       backgroundColor: '#0a0a0b',
       fontFamily: 'Inter, system-ui, sans-serif',
-      padding: '60px',
       position: 'relative',
       overflow: 'hidden',
     }"
   >
     <OgImageGlow />
 
-    <!-- Subtle horizontal rule -->
-    <div
-      :style="{
-        position: 'absolute',
-        top: '315px',
-        left: '60px',
-        width: '600px',
-        height: '1px',
-        background: 'linear-gradient(90deg, rgba(0,220,130,0.15), transparent)',
-      }"
-    />
-
-    <!-- Title and description (vertically centered) -->
     <div
       :style="{
         display: 'flex',
         flexDirection: 'column',
-        flexWrap: 'nowrap',
-        width: '670px',
+        justifyContent: 'center',
+        height: '100%',
+        width: '740px',
+        padding: '60px 30px 60px 60px',
+        boxSizing: 'border-box',
       }"
     >
       <OgImageTitle :text="title" />
       <OgImageDescription size="lg" :text="description" />
     </div>
 
-    <!-- Avatar with accent gradient border (large, centered-right) -->
     <div
       :style="{
         position: 'absolute',
@@ -64,22 +51,22 @@ withDefaults(defineProps<{
         right: '80px',
         width: '350px',
         height: '350px',
-        borderRadius: '50%',
+        borderRadius: '999px',
         background: 'linear-gradient(135deg, #00dc82, #00c474)',
         padding: '5px',
-        flexWrap: 'nowrap',
       }"
     >
-      <img
-        alt="Thorsten Seyschab"
+      <NuxtImg
+        height="340"
         src="/avatar-thorsten-seyschab.jpg"
         :style="{
           width: '340px',
           height: '340px',
-          borderRadius: '50%',
+          borderRadius: '999px',
           objectFit: 'cover',
         }"
-      >
+        width="340"
+      />
     </div>
 
     <OgImageFooter />
diff --git a/app/components/OgImage/OgImageProject.satori.vue b/app/components/OgImageTemplate/OgImageProject.takumi.vue
old mode 100755
new mode 100644
similarity index 87%
rename from app/components/OgImage/OgImageProject.satori.vue
rename to app/components/OgImageTemplate/OgImageProject.takumi.vue
index 417163f..25a37bd
--- a/app/components/OgImage/OgImageProject.satori.vue
+++ b/app/components/OgImageTemplate/OgImageProject.takumi.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 /**
  * OG image component for project pages.
- * Rendered by Satori (not a browser) - must use inline styles, <img>, and hardcoded colors.
  */
 defineProps<{
   title?: string
@@ -21,7 +20,6 @@ defineProps<{
       justifyContent: 'center',
       backgroundColor: '#0a0a0b',
       fontFamily: 'Inter, system-ui, sans-serif',
-      padding: '60px 80px',
       position: 'relative',
       overflow: 'hidden',
     }"
@@ -29,24 +27,23 @@ defineProps<{
     <OgImageGlow />
     <OgImageAvatar />
 
-    <!-- Main content -->
     <div
       :style="{
         display: 'flex',
         flexDirection: 'column',
-        flexWrap: 'nowrap',
+        justifyContent: 'center',
+        height: '100%',
         maxWidth: '960px',
+        padding: '60px 80px',
+        boxSizing: 'border-box',
       }"
     >
       <OgImageCategoryLabel text="Project" />
 
-      <!-- Project name with stars -->
       <div
-        class="flex-row"
         :style="{
           display: 'flex',
           flexDirection: 'row',
-          flexWrap: 'nowrap',
           alignItems: 'center',
           marginBottom: '20px',
         }"
@@ -54,7 +51,7 @@ defineProps<{
         <span
           :style="{
             fontSize: '72px',
-            fontWeight: 800,
+            fontWeight: 700,
             color: '#fafafa',
             lineHeight: 1.05,
             letterSpacing: '-0.03em',
@@ -64,16 +61,13 @@ defineProps<{
         </span>
         <span
           v-if="repoStars"
-          class="flex-row"
           :style="{
             display: 'flex',
             flexDirection: 'row',
-            flexWrap: 'nowrap',
             alignItems: 'center',
             marginLeft: '20px',
           }"
         >
-          <!-- Phosphor star icon (regular weight) -->
           <svg
             height="28"
             :style="{ width: '28px', height: '28px', marginRight: '6px' }"
@@ -100,19 +94,15 @@ defineProps<{
 
       <OgImageDescription v-if="description" :max-length="120" :text="description" />
 
-      <!-- Tags -->
       <div
         v-if="tags?.length"
-        class="flex-row"
         :style="{
           display: 'flex',
           flexDirection: 'row',
-          flexWrap: 'nowrap',
           alignItems: 'center',
           marginTop: '20px',
         }"
       >
-        <!-- Phosphor tag icon (regular weight) -->
         <svg
           height="18"
           :style="{ width: '18px', height: '18px', marginRight: '8px' }"
diff --git a/app/components/OgImage/OgImageTalk.satori.vue b/app/components/OgImageTemplate/OgImageTalk.takumi.vue
old mode 100755
new mode 100644
similarity index 79%
rename from app/components/OgImage/OgImageTalk.satori.vue
rename to app/components/OgImageTemplate/OgImageTalk.takumi.vue
index 1438345..51cf28b
--- a/app/components/OgImage/OgImageTalk.satori.vue
+++ b/app/components/OgImageTemplate/OgImageTalk.takumi.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 /**
  * OG image component for talk pages.
- * Rendered by Satori (not a browser) - must use inline styles and hardcoded colors.
  */
 defineProps<{
   title?: string
@@ -21,7 +20,6 @@ defineProps<{
       justifyContent: 'center',
       backgroundColor: '#0a0a0b',
       fontFamily: 'Inter, system-ui, sans-serif',
-      padding: '60px 80px',
       position: 'relative',
       overflow: 'hidden',
     }"
@@ -29,13 +27,15 @@ defineProps<{
     <OgImageGlow />
     <OgImageAvatar />
 
-    <!-- Main content -->
     <div
       :style="{
         display: 'flex',
         flexDirection: 'column',
-        flexWrap: 'nowrap',
+        justifyContent: 'center',
+        height: '100%',
         maxWidth: '960px',
+        padding: '60px 80px',
+        boxSizing: 'border-box',
       }"
     >
       <OgImageCategoryLabel text="Talk" />
@@ -44,25 +44,15 @@ defineProps<{
 
       <OgImageDescription v-if="event" :text="event" />
 
-      <!-- Date and location row -->
-      <!--
-        class="flex-row" prevents nuxt-og-image's flex plugin from overriding
-        flexDirection to 'column' (it does so for any div containing div children
-        unless the parent has a class containing "flex-").
-        Text nodes use <span> to avoid being classified as block elements.
-      -->
       <div
         v-if="date || location"
-        class="flex-row"
         :style="{
           display: 'flex',
           flexDirection: 'row',
-          flexWrap: 'nowrap',
           alignItems: 'center',
           marginTop: '20px',
         }"
       >
-        <!-- Phosphor calendar-blank icon (regular weight) -->
         <svg
           v-if="date"
           height="18"
@@ -87,7 +77,6 @@ defineProps<{
         >
           {{ date }}
         </span>
-        <!-- Phosphor map-pin icon (regular weight) -->
         <svg
           v-if="location"
           height="18"
diff --git a/app/pages/projects/index.vue b/app/pages/projects/index.vue
index 2768e46..d83edce 100755
--- a/app/pages/projects/index.vue
+++ b/app/pages/projects/index.vue
@@ -5,7 +5,7 @@ useSeoMeta({
 })
 
 defineOgImage('Project', {
-  title: 'Projects',
+  title: 'Projects Overview',
   description: 'Tools, experiments, and applications for 3D on the web, Vue/Nuxt, and developer tooling.',
 })
 
diff --git a/app/pages/talks/index.vue b/app/pages/talks/index.vue
index fc6aa57..51aa79f 100755
--- a/app/pages/talks/index.vue
+++ b/app/pages/talks/index.vue
@@ -6,7 +6,7 @@ useSeoMeta({
 })
 
 defineOgImage('Talk', {
-  title: 'Talks',
+  title: 'Talks Overview',
   event: 'Conference talks & speaking engagements',
 })
 
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 7ccf873..a004be8 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -257,8 +257,8 @@ export default defineNuxtConfig({
 
   ogImage: { // for `nuxt-og-image` (via `@nuxtjs/seo`)
     componentDirs: [
-      'OgImage',
-      // 'OgImageTemplate',
+      // 'OgImage',
+      'OgImageTemplate',
     ],
   },
 
diff --git a/package.json b/package.json
index f949503..b354e55 100644
--- a/package.json
+++ b/package.json
@@ -75,8 +75,8 @@
     "@nuxt/icon": "~2.2.2",
     "@nuxt/image": "~2.0.0",
     "@nuxtjs/seo": "~5.1.3",
-    "@resvg/resvg-js": "~2.6.2",
     "@tailwindcss/vite": "~4.3.0",
+    "@takumi-rs/core": "~1.1.2",
     "@types/qrcode": "~1.5.6",
     "better-sqlite3": "~12.10.0",
     "cross-env": "~10.1.0",
@@ -91,7 +91,6 @@
     "qrcode": "~1.5.4",
     "rimraf": "~6.1.3",
     "rolldown": "~1.0.1",
-    "satori": "~0.26.0",
     "serve": "~14.2.6",
     "tailwindcss": "~4.3.0",
     "typescript": "~6.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0077d1d..31aa2e5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,13 +57,13 @@ importers:
         version: 2.0.0(db0@0.3.4(better-sqlite3@12.10.0))(ioredis@5.10.1)(magicast@0.5.3)(srvx@0.11.15)
       '@nuxtjs/seo':
         specifier: ~5.1.3
-        version: 5.1.3(ff1d8e4ab4aa2548ed261968e19b8339)
-      '@resvg/resvg-js':
-        specifier: ~2.6.2
-        version: 2.6.2
+        version: 5.1.3(52e8ca2dfca745e190b27c49beaf2d9c)
       '@tailwindcss/vite':
         specifier: ~4.3.0
         version: 4.3.0(vite@7.3.3(@types/node@25.8.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))
+      '@takumi-rs/core':
+        specifier: ~1.1.2
+        version: 1.1.2
       '@types/qrcode':
         specifier: ~1.5.6
         version: 1.5.6
@@ -106,9 +106,6 @@ importers:
       rolldown:
         specifier: ~1.0.1
         version: 1.0.1
-      satori:
-        specifier: ~0.26.0
-        version: 0.26.0
       serve:
         specifier: ~14.2.6
         version: 14.2.6
@@ -2846,6 +2843,73 @@ packages:
     peerDependencies:
       vite: ^5.2.0 || ^6 || ^7 || ^8
 
+  '@takumi-rs/core-darwin-arm64@1.1.2':
+    resolution: {integrity: sha512-CLPzikYAND2xFm0Lg5HKImCOnl+Sue4F/WIcm1Z2ykL7h2r9rWDBzcFqGhAEFj9onMJH6c60Mph8kDa1jdj2rQ==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@takumi-rs/core-darwin-x64@1.1.2':
+    resolution: {integrity: sha512-eH351x+BJOMdLQgUoVKEIfTQbBjR6Dv7rzTLZUdWwbbwjEe38geCNsxQunHQ96nsB7M+0sGc8aJjOkd+0qoK3g==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@takumi-rs/core-linux-arm64-gnu@1.1.2':
+    resolution: {integrity: sha512-2cuSnKWAfQjQwS+7aprz0LRkztPVsGqWGTto0TydVI81z7sNyC4kZWoJMTpkNb3439HB03UBStQVacgUeVOL+w==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@takumi-rs/core-linux-arm64-musl@1.1.2':
+    resolution: {integrity: sha512-7OIdvVy6lbr49LIBe96uvlOg4Awmye5w+DgL4d0rRi1Zv7bmY23ciBCGaM+7jjkZgcThGrlZKz1Ecopx56pPqA==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@takumi-rs/core-linux-x64-gnu@1.1.2':
+    resolution: {integrity: sha512-IXEhQjGSGye+kwawDad00kN2cLpj1rPF5u0K4KsANvWxa/dho32Nnw+RX8cCtPGiuvEKhtENxtdc7pVSx1E84g==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@takumi-rs/core-linux-x64-musl@1.1.2':
+    resolution: {integrity: sha512-Q2vuZCwQ/XmHwwbJxSKNNEKdWdhsvBMhTF8pyyGti5s44yx7W6+a0MkDdMRAkStzDhH6HeZlpknpHcUk4R4g8w==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@takumi-rs/core-win32-arm64-msvc@1.1.2':
+    resolution: {integrity: sha512-CKpslxYCltih/lL+h7xkVzsfIZtDcXp3WGk01fudgx82Ic87b/jjRMX5KE4f/exkgrKxshRF4yCQGGeQ3vIhiw==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@takumi-rs/core-win32-x64-msvc@1.1.2':
+    resolution: {integrity: sha512-c+n2vPpDscMuTHZ29eJp8did5tlJ/KKBKicc51D6AdkA5jhr7MLeryzIKe3ob59iQttWYd/1j4+tUwoO6yEusg==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@takumi-rs/core@1.1.2':
+    resolution: {integrity: sha512-JI0kUis5MCPzOt2sCahBZLVJERpp1t1fXTRBaBbCGploUa/hqRA9HW6Nr+tccDM/C6wy9FDrJnI4SB56W0HfDA==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+
+  '@takumi-rs/helpers@1.1.2':
+    resolution: {integrity: sha512-Edvmk7UzPhlbUCYpIqeBBfq9h/lAeWAhtwIhJJ10vxv7qNWjgfIPakzNWeAYhFVj8KT5y47S3RLT3cKVniqI5g==}
+    peerDependencies:
+      react: ^19.2.5
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   '@tanstack/table-core@8.21.3':
     resolution: {integrity: sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==}
     engines: {node: '>=12'}
@@ -9387,14 +9451,14 @@ snapshots:
       - vite
       - vue
 
-  '@nuxtjs/seo@5.1.3(ff1d8e4ab4aa2548ed261968e19b8339)':
+  '@nuxtjs/seo@5.1.3(52e8ca2dfca745e190b27c49beaf2d9c)':
     dependencies:
       '@nuxt/kit': 4.4.5(magicast@0.5.3)
       '@nuxtjs/robots': 6.0.8(@nuxt/schema@4.4.6)(magicast@0.5.3)(nuxt@4.4.6(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@babel/plugin-syntax-typescript@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.8.0)(@vue/compiler-sfc@3.5.34)(better-sqlite3@12.10.0)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.10.0))(esbuild@0.27.7)(eslint@10.4.0(jiti@2.7.0))(ioredis@5.10.1)(magicast@0.5.3)(optionator@0.9.4)(oxlint@1.63.0(oxlint-tsgolint@0.22.1))(rolldown@1.0.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.0.1)(rollup@4.60.4))(rollup@4.60.4)(srvx@0.11.15)(terser@5.47.1)(typescript@6.0.3)(vite@7.3.3(@types/node@25.8.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))(yaml@2.9.0))(vite@7.3.3(@types/node@25.8.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))(zod@4.4.3)
       '@nuxtjs/sitemap': 8.0.15(@nuxt/schema@4.4.6)(magicast@0.5.3)(nuxt@4.4.6(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@babel/plugin-syntax-typescript@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.8.0)(@vue/compiler-sfc@3.5.34)(better-sqlite3@12.10.0)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.10.0))(esbuild@0.27.7)(eslint@10.4.0(jiti@2.7.0))(ioredis@5.10.1)(magicast@0.5.3)(optionator@0.9.4)(oxlint@1.63.0(oxlint-tsgolint@0.22.1))(rolldown@1.0.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.0.1)(rollup@4.60.4))(rollup@4.60.4)(srvx@0.11.15)(terser@5.47.1)(typescript@6.0.3)(vite@7.3.3(@types/node@25.8.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))(yaml@2.9.0))(vite@7.3.3(@types/node@25.8.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))(zod@4.4.3)
       nuxt: 4.4.6(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@babel/plugin-syntax-typescript@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.8.0)(@vue/compiler-sfc@3.5.34)(better-sqlite3@12.10.0)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.10.0))(esbuild@0.27.7)(eslint@10.4.0(jiti@2.7.0))(ioredis@5.10.1)(magicast@0.5.3)(optionator@0.9.4)(oxlint@1.63.0(oxlint-tsgolint@0.22.1))(rolldown@1.0.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.0.1)(rollup@4.60.4))(rollup@4.60.4)(srvx@0.11.15)(terser@5.47.1)(typescript@6.0.3)(vite@7.3.3(@types/node@25.8.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))(yaml@2.9.0)
       nuxt-link-checker: 5.0.10(@nuxt/schema@4.4.6)(db0@0.3.4(better-sqlite3@12.10.0))(ioredis@5.10.1)(magicast@0.5.3)(nuxt@4.4.6(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@babel/plugin-syntax-typescript@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.8.0)(@vue/compiler-sfc@3.5.34)(better-sqlite3@12.10.0)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.10.0))(esbuild@0.27.7)(eslint@10.4.0(jiti@2.7.0))(ioredis@5.10.1)(magicast@0.5.3)(optionator@0.9.4)(oxlint@1.63.0(oxlint-tsgolint@0.22.1))(rolldown@1.0.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.0.1)(rollup@4.60.4))(rollup@4.60.4)(srvx@0.11.15)(terser@5.47.1)(typescript@6.0.3)(vite@7.3.3(@types/node@25.8.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))(yaml@2.9.0))(vite@7.3.3(@types/node@25.8.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))(zod@4.4.3)
-      nuxt-og-image: 6.5.0(patch_hash=608e57c9322e19e0738eb310771ce8018f985d0326444ba7659032c34aae28e8)(c78e90533617483bed945a1f8dc53e83)
+      nuxt-og-image: 6.5.0(patch_hash=608e57c9322e19e0738eb310771ce8018f985d0326444ba7659032c34aae28e8)(fb840fa81cea71d8126f6a0a9b0bce52)
       nuxt-schema-org: 6.0.4(78a51deffcbd2e524406dec768f64d01)
       nuxt-seo-utils: 8.1.8(@nuxt/schema@4.4.6)(esbuild@0.27.7)(lightningcss@1.32.0)(magicast@0.5.3)(nuxt@4.4.6(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@babel/plugin-syntax-typescript@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.8.0)(@vue/compiler-sfc@3.5.34)(better-sqlite3@12.10.0)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.10.0))(esbuild@0.27.7)(eslint@10.4.0(jiti@2.7.0))(ioredis@5.10.1)(magicast@0.5.3)(optionator@0.9.4)(oxlint@1.63.0(oxlint-tsgolint@0.22.1))(rolldown@1.0.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.0.1)(rollup@4.60.4))(rollup@4.60.4)(srvx@0.11.15)(terser@5.47.1)(typescript@6.0.3)(vite@7.3.3(@types/node@25.8.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))(yaml@2.9.0))(rolldown@1.0.1)(rollup@4.60.4)(unhead@2.1.15)(vite@7.3.3(@types/node@25.8.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))(zod@4.4.3)
       nuxt-site-config: 4.0.8(@nuxt/schema@4.4.6)(magicast@0.5.3)(nuxt@4.4.6(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@babel/plugin-syntax-typescript@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.8.0)(@vue/compiler-sfc@3.5.34)(better-sqlite3@12.10.0)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.10.0))(esbuild@0.27.7)(eslint@10.4.0(jiti@2.7.0))(ioredis@5.10.1)(magicast@0.5.3)(optionator@0.9.4)(oxlint@1.63.0(oxlint-tsgolint@0.22.1))(rolldown@1.0.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.0.1)(rollup@4.60.4))(rollup@4.60.4)(srvx@0.11.15)(terser@5.47.1)(typescript@6.0.3)(vite@7.3.3(@types/node@25.8.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))(yaml@2.9.0))(vite@7.3.3(@types/node@25.8.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))(zod@4.4.3)
@@ -10090,6 +10154,7 @@ snapshots:
       '@resvg/resvg-js-win32-arm64-msvc': 2.6.2
       '@resvg/resvg-js-win32-ia32-msvc': 2.6.2
       '@resvg/resvg-js-win32-x64-msvc': 2.6.2
+    optional: true
 
   '@rolldown/binding-android-arm64@1.0.1':
     optional: true
@@ -10329,6 +10394,7 @@ snapshots:
     dependencies:
       fflate: 0.7.4
       string.prototype.codepointat: 0.2.1
+    optional: true
 
   '@simple-git/args-pathspec@1.0.3': {}
 
@@ -10442,6 +10508,48 @@ snapshots:
       tailwindcss: 4.3.0
       vite: 7.3.3(@types/node@25.8.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0)
 
+  '@takumi-rs/core-darwin-arm64@1.1.2':
+    optional: true
+
+  '@takumi-rs/core-darwin-x64@1.1.2':
+    optional: true
+
+  '@takumi-rs/core-linux-arm64-gnu@1.1.2':
+    optional: true
+
+  '@takumi-rs/core-linux-arm64-musl@1.1.2':
+    optional: true
+
+  '@takumi-rs/core-linux-x64-gnu@1.1.2':
+    optional: true
+
+  '@takumi-rs/core-linux-x64-musl@1.1.2':
+    optional: true
+
+  '@takumi-rs/core-win32-arm64-msvc@1.1.2':
+    optional: true
+
+  '@takumi-rs/core-win32-x64-msvc@1.1.2':
+    optional: true
+
+  '@takumi-rs/core@1.1.2':
+    dependencies:
+      '@takumi-rs/helpers': 1.1.2
+    optionalDependencies:
+      '@takumi-rs/core-darwin-arm64': 1.1.2
+      '@takumi-rs/core-darwin-x64': 1.1.2
+      '@takumi-rs/core-linux-arm64-gnu': 1.1.2
+      '@takumi-rs/core-linux-arm64-musl': 1.1.2
+      '@takumi-rs/core-linux-x64-gnu': 1.1.2
+      '@takumi-rs/core-linux-x64-musl': 1.1.2
+      '@takumi-rs/core-win32-arm64-msvc': 1.1.2
+      '@takumi-rs/core-win32-x64-msvc': 1.1.2
+    transitivePeerDependencies:
+      - react
+      - react-dom
+
+  '@takumi-rs/helpers@1.1.2': {}
+
   '@tanstack/table-core@8.21.3': {}
 
   '@tanstack/virtual-core@3.14.0': {}
@@ -11391,7 +11499,8 @@ snapshots:
     dependencies:
       bare-path: 3.0.0
 
-  base64-js@0.0.8: {}
+  base64-js@0.0.8:
+    optional: true
 
   base64-js@1.5.1: {}
 
@@ -11525,7 +11634,8 @@ snapshots:
 
   camelcase@7.0.1: {}
 
-  camelize@1.0.1: {}
+  camelize@1.0.1:
+    optional: true
 
   caniuse-api@3.0.0:
     dependencies:
@@ -11714,13 +11824,17 @@ snapshots:
     optionalDependencies:
       srvx: 0.11.15
 
-  css-background-parser@0.1.0: {}
+  css-background-parser@0.1.0:
+    optional: true
 
-  css-box-shadow@1.0.0-3: {}
+  css-box-shadow@1.0.0-3:
+    optional: true
 
-  css-color-keywords@1.0.0: {}
+  css-color-keywords@1.0.0:
+    optional: true
 
-  css-gradient-parser@0.0.17: {}
+  css-gradient-parser@0.0.17:
+    optional: true
 
   css-select@5.2.2:
     dependencies:
@@ -11735,6 +11849,7 @@ snapshots:
       camelize: 1.0.1
       css-color-keywords: 1.0.0
       postcss-value-parser: 4.2.0
+    optional: true
 
   css-tree@2.2.1:
     dependencies:
@@ -11952,7 +12067,8 @@ snapshots:
 
   embla-carousel@8.6.0: {}
 
-  emoji-regex-xs@2.0.1: {}
+  emoji-regex-xs@2.0.1:
+    optional: true
 
   emoji-regex@10.6.0: {}
 
@@ -12435,7 +12551,8 @@ snapshots:
     optionalDependencies:
       picomatch: 4.0.4
 
-  fflate@0.7.4: {}
+  fflate@0.7.4:
+    optional: true
 
   file-entry-cache@8.0.0:
     dependencies:
@@ -12822,7 +12939,8 @@ snapshots:
       property-information: 7.1.0
       space-separated-tokens: 2.0.2
 
-  hex-rgb@4.3.0: {}
+  hex-rgb@4.3.0:
+    optional: true
 
   hey-listen@1.0.8: {}
 
@@ -13185,6 +13303,7 @@ snapshots:
     dependencies:
       base64-js: 0.0.8
       unicode-trie: 2.0.0
+    optional: true
 
   linkifyjs@4.3.3: {}
 
@@ -13937,7 +14056,7 @@ snapshots:
       - vue
       - zod
 
-  nuxt-og-image@6.5.0(patch_hash=608e57c9322e19e0738eb310771ce8018f985d0326444ba7659032c34aae28e8)(c78e90533617483bed945a1f8dc53e83):
+  nuxt-og-image@6.5.0(patch_hash=608e57c9322e19e0738eb310771ce8018f985d0326444ba7659032c34aae28e8)(fb840fa81cea71d8126f6a0a9b0bce52):
     dependencies:
       '@clack/prompts': 1.4.0
       '@nuxt/kit': 4.4.5(magicast@0.5.3)
@@ -13973,6 +14092,7 @@ snapshots:
       unstorage: 1.17.5(db0@0.3.4(better-sqlite3@12.10.0))(ioredis@5.10.1)
     optionalDependencies:
       '@resvg/resvg-js': 2.6.2
+      '@takumi-rs/core': 1.1.2
       fontless: 0.2.1(db0@0.3.4(better-sqlite3@12.10.0))(ioredis@5.10.1)(vite@7.3.3(@types/node@25.8.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))
       satori: 0.26.0
       sharp: 0.34.5
@@ -14663,7 +14783,8 @@ snapshots:
 
   package-manager-detector@1.6.0: {}
 
-  pako@0.2.9: {}
+  pako@0.2.9:
+    optional: true
 
   pako@1.0.11: {}
 
@@ -14671,6 +14792,7 @@ snapshots:
     dependencies:
       color-name: 1.1.4
       hex-rgb: 4.3.0
+    optional: true
 
   parse-entities@4.0.2:
     dependencies:
@@ -15404,6 +15526,7 @@ snapshots:
       parse-css-color: 0.2.1
       postcss-value-parser: 4.2.0
       yoga-layout: 3.2.1
+    optional: true
 
   sax@1.6.0: {}
 
@@ -15672,7 +15795,8 @@ snapshots:
       get-east-asian-width: 1.6.0
       strip-ansi: 7.2.0
 
-  string.prototype.codepointat@0.2.1: {}
+  string.prototype.codepointat@0.2.1:
+    optional: true
 
   string_decoder@1.1.1:
     dependencies:
@@ -15919,6 +16043,7 @@ snapshots:
     dependencies:
       pako: 0.2.9
       tiny-inflate: 1.0.3
+    optional: true
 
   unicorn-magic@0.3.0: {}
 
@@ -16548,7 +16673,8 @@ snapshots:
 
   yocto-queue@1.2.2: {}
 
-  yoga-layout@3.2.1: {}
+  yoga-layout@3.2.1:
+    optional: true
 
   youch-core@0.3.3:
     dependencies: