feat(site): 쇼케이스를 별도 페이지로 분리하고 본문을 존댓말로 바꾼다

홈에 있던 쇼케이스 섹션은 스크린샷 두 장을 카드에 넣고 각도를 준 것이었고,
눌러도 갈 곳이 없었다. 그림만 보여주고 끝나는 자리는 증거가 아니라 장식이다.

- /showcase 를 별도 페이지로 만들었다. 모자이크 그리드에 썸네일을 놓고
  누르면 실제로 도는 사이트(/work/<slug>/)가 열린다.
- 사례 데이터를 src/data/work.ts 한 곳에 모았다. 항목 하나만 추가하면
  그리드에 들어간다 — 페이지 코드는 건드리지 않는다.
- 첫 사례로 목요일의 화원(플로럴 스튜디오)을 넣고 실제 파일을
  public/work/thursday-flowers/ 에 함께 싣는다.
- 홈에서 예전 섹션을 제거하고 내비를 /showcase 로 돌렸다.

본문 말투:

  사이트 문장이 전부 반말이었고 일부는 내부 감사 로그처럼 읽혔다.
  스킬 문서의 단정한 반말은 의도지만, 방문자를 향한 화면은 다르다.
  제목은 단정문이 카피로서 힘을 가지므로 그대로 두고, 설명하는 문장과
  명령형("~해라")을 전부 존댓말로 바꿨다. 실측 결과 홈·쇼케이스 모두 0건.

구현에서 걸린 것:

  Base 레이아웃이 이미 <main class="page"> 를 제공하는데 새 페이지에서
  또 감쌌다. 바깥 page 의 본문 칼럼(561px) 안에 안쪽 page 가 들어가
  전 페이지가 좁아졌다 — 모자이크가 561px, 썸네일이 240px 이었다.
  중첩을 걷어내자 1180px / 596px 로 돌아왔다.

apps/site/src/data/work.ts

@@ -0,0 +1,55 @@
+/**
+ * 쇼케이스 목록.
+ *
+ * 사례를 추가할 때 **여기 한 항목만 넣으면** 모자이크 그리드에 자동으로 들어간다.
+ * 페이지 코드는 건드리지 않는다.
+ *
+ * 순서가 곧 표시 순서다(최근 것을 위에). `size` 는 타일 크기이고,
+ * 전부 같은 크기로 두지 마라 — 균일한 격자는 이 스킬이 금지하는 형태다.
+ */
+import type { ImageMetadata } from "astro";
+import thursdayFlowers from "../assets/shots/work-thursday-flowers.png";
+import thursdayFlowers2 from "../assets/shots/work-thursday-flowers-2.png";
+
+export interface WorkItem {
+  slug: string;
+  /** 사이트 이름. 실제 클라이언트가 아니라 데모면 그렇다고 적는다 */
+  name: string;
+  /** 무엇을 만든 것인가 — 한 줄 */
+  kind: string;
+  /** 2단계에서 정한 한 문장 컨셉 */
+  concept: string;
+  /** 감수한 리스크 하나. 이 스킬의 결과물을 다른 것과 구별하는 지점이다 */
+  risk: string;
+  preset: string;
+  /** YYYY-MM */
+  date: string;
+  /** 자랑이 아니라 잰 값. 없으면 비워 둔다 */
+  metrics: string[];
+  /** 실제로 열리는 주소. 목업이 아니라 동작하는 사이트여야 한다 */
+  href: string;
+  shot: ImageMetadata;
+  /** 호버할 때 바뀌는 두 번째 컷. 없어도 된다 */
+  shotAlt?: ImageMetadata;
+  alt: string;
+  /** 모자이크 타일 크기 */
+  size: "lg" | "md" | "sm";
+}
+
+export const WORK: WorkItem[] = [
+  {
+    slug: "thursday-flowers",
+    name: "목요일의 화원",
+    kind: "플로럴 스튜디오 · 한 장",
+    concept: "꽃을 파는 가게가 아니라, 꽃으로 작업하는 사람의 기록",
+    risk: "첫 화면에 큰 사진을 깔지 않았습니다. 크기가 제각각인 사진 셋을 정렬선 없이 흩뿌립니다",
+    preset: "editorial",
+    date: "2026-08",
+    metrics: ["이미지 603KB", "JS 0.6KB", "본문 대비 13.75:1", "하드 게이트 12/12"],
+    href: "/work/thursday-flowers/",
+    shot: thursdayFlowers,
+    shotAlt: thursdayFlowers2,
+    alt: "목요일의 화원 첫 화면 — 크림색 배경에 꽃 사진 셋이 서로 다른 위치에 놓여 있습니다",
+    size: "lg",
+  },
+];