feat(site): rework 19 marketing showcases for composition diversity

Measured convergence before: split hero 13/19, top-bar nav 19/19,
one-line notice footer 14/19, body Pretendard 17/21, 10 similarity
pairs above 0.78. Each showcase got a pre-assigned hero family, nav
form, footer form, type pair, background, accent hue, radius, motion
grammar and material from outputs/rework-2026-10-06/plan.md; direction
cards and the chosen reason are recorded in every design.md.

After: 0 similarity warnings, 19 distinct display faces, 7 hero
families, 5 nav forms, 5 footer forms, no scroll reveals, 5 showcases
with SVG filter materials. Example contact values replace bracket
placeholders under the existing fictional-brand notices. Thumbnails,
OG images, card copy and three e2e assertions updated; dead CSS in
dure-enrollment and hannam-jari removed; similarity.mjs learns the new
font families.

apps/site/public/work/font-foundry/styles/tokens.css

@@ -1,23 +1,39 @@
+/* 한성활자연구소 토큰 — 값은 여기서만 정의한다(05 Q-25). 다른 CSS는 var()로만 쓴다. */
 :root {
+  /* 타입 스케일: 본문 17px, 보조 13px, 표제는 한 줄 큰 낱말 */
   --step--1: 0.8125rem;
   --step-0: 1.0625rem;
   --step-1: 1.25rem;
-  --step-2: clamp(1.75rem, 1.3rem + 1.5vw, 2.5rem);
-  --step-3: clamp(2.5rem, 1.6rem + 4vw, 5rem);
-  --leading-tight: 1.08;
-  --leading-normal: 1.8;
-  --font-display: "MaruBuri", Georgia, serif;
-  --font-body: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;
-  --surface: #f5f1e8;
-  --surface-raised: #ede7d9;
-  --ink: #26221d;
-  --ink-muted: #625b52;
-  --ink-faint: #756c60;
-  --line: #d9d1bf;
-  --accent: #a63d2f;
-  --accent-ink: #f5f1e8;
-  --stage-ink: #fffaf1;
-  --accent-hover: #8a3225;
+  --step-2: clamp(1.5rem, 1.15rem + 1.3vw, 2.125rem);
+  --step-3: clamp(2.75rem, 1.4rem + 4.5vw, 5.75rem);
+  --glyph-size: min(56svh, 50vw);
+  --wordmark-size: clamp(2.5rem, 12vw, 11rem);
+  --leading-tight: 1.25;
+  --leading-normal: 1.7;
+  --measure: 36em;
+
+  /* UI 서체: 표제 Noto Serif KR 900 / 본문 Noto Sans KR. 표본 서체는 UI에 쓰지 않는다 */
+  --font-display: "Noto Serif KR", "Apple SD Gothic Neo", "Malgun Gothic", serif;
+  --font-body: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
+  --weight-display: 900;
+  --weight-strong: 400; /* Noto Sans KR은 400 한 굵기만 싣는다(전송량). 강조는 색·서체로 낸다 */
+
+  /* 표본 서체: 마루 부리(자체 호스팅, 정적 400·600)와 Pretendard(가변 45~920). 표본·시험대에만 쓴다 */
+  --face-buri: "MaruBuri", "Noto Serif KR", serif;
+  --face-godic: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif;
+
+  /* 색: 밝은 쿨 중립 바탕, 240° 남색 잉크 강조. 강조는 거대 글자·슬라이더·선택 상태에만 */
+  --surface: #f1f2f4;
+  --surface-raised: #e5e7eb;
+  --ink: #16171d;
+  --ink-muted: #565966;
+  --line: #c3c6cf;
+  --line-strong: #737786;
+  --accent: #22235a;
+  --accent-hover: #15163f;
+  --accent-ink: #f1f2f4;
+  --accent-soft: #d8daea;
+
   --space-1: 0.25rem;
   --space-2: 0.5rem;
   --space-3: 1rem;
@@ -26,11 +42,14 @@
   --space-6: 4rem;
   --space-7: 6rem;
   --space-8: clamp(5rem, 3rem + 7vw, 10rem);
-  --radius: 2px;
-  --container: 76rem;
-  --container-wide: 106.25rem;
+
+  --radius: 0;
+  --container: 80rem;
   --pad-inline: clamp(1.25rem, 1rem + 2.5vw, 4.5rem);
-  --pad-wide: clamp(1.25rem, 1vw + 1rem, 4rem);
+  --head-height: 4.25rem;
+
   --dur-quick: 160ms;
+  --dur-slow: 320ms;
   --ease-soft: cubic-bezier(0.25, 1, 0.35, 1);
+  --ease-in: cubic-bezier(0.5, 0, 0.9, 0.4);
 }