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/hannam-jari/admin/index.html

@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="theme-color" content="#f3f4f3">
+  <meta name="theme-color" content="#eceff1">
   <meta name="description" content="예시 매물의 표시 항목, 확인 근거와 변경 기록을 한 화면에서 살펴보고 공개 전 확인할 순서를 정리하는 운영 안내입니다.">
   <meta name="robots" content="noindex, nofollow">
   <meta property="og:title" content="한남자리 운영 안내 — 매물 확인">
@@ -13,14 +13,17 @@
   <meta name="twitter:title" content="한남자리 운영 안내 — 매물 확인">
   <meta name="twitter:image" content="../og.png">
   <title>한남자리 운영 안내 — 매물 확인</title>
-  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%23141413'/%3E%3Ctext x='32' y='39' text-anchor='middle' font-family='Arial' font-size='19' font-weight='700' fill='%23c6a15b'%3EHJ%3C/text%3E%3C/svg%3E">
-  <link rel="stylesheet" href="../styles/tokens.css?v=20260912all">
-  <link rel="stylesheet" href="../styles/admin.css?v=20260912all">
+  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%232d7639'/%3E%3Ctext x='32' y='40' text-anchor='middle' font-family='Arial' font-size='22' font-weight='700' fill='%23ffffff'%3EHJ%3C/text%3E%3C/svg%3E">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;700&display=swap">
+  <link rel="stylesheet" href="../styles/tokens.css?v=20261006">
+  <link rel="stylesheet" href="../styles/admin.css?v=20261006">
   <script src="../scripts/admin.js?v=20260830e" defer></script>
 </head>
 <body class="admin-body">
   <a class="skip-link" href="#admin-main">본문 바로가기</a>
-  <div class="demo-strip" role="region" aria-label="예시 자료 안내">안내 · 예시 자료 · 사무소, 매물, 고객과 기록은 실제 정보가 아니며 광고·연락·저장은 연결되지 않습니다</div>
+  <div class="demo-strip" role="region" aria-label="예시 자료 안내">예시 자료입니다. 사무소, 매물, 고객과 기록은 실제 정보가 아니며 광고, 연락, 저장은 연결되지 않습니다.</div>
 
   <div class="admin-shell">
     <aside class="admin-sidebar" data-sidebar aria-label="관리 메뉴">