feat: 한국어 우선 쇼케이스 정리

apps/site/public/work/hyang-incense/index.html

@@ -3,12 +3,12 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>향연 (享煙) · 자연 침향 아카이브</title>
+    <title>향연 · 자연 침향 아카이브</title>
     <meta
       name="description"
       content="연기는 흩어지고 향기만 머뭅니다. 자연 침향목의 수지 함량과 숙성 연도를 기록으로 남기는 향 아카이브. 서울 삼청동."
     />
-    <meta property="og:title" content="향연 (享煙) · 자연 침향 아카이브" />
+    <meta property="og:title" content="향연 · 자연 침향 아카이브" />
     <meta property="og:description" content="수지 함량과 숙성 연도를 기록으로 남기는 침향 아카이브." />
     <meta property="og:type" content="website" />
     <meta name="theme-color" content="#F6F2E9" />
@@ -30,20 +30,11 @@
   </head>
 
   <body>
-    <!-- 재질: 한지. 아주 옅은 섬유 그레인 — 사진이 아니라 종이 위에 있다는 감각 -->
-    <svg class="paper" aria-hidden="true">
-      <filter id="hanji">
-        <feTurbulence type="fractalNoise" baseFrequency="0.9 0.7" numOctaves="2" seed="7" stitchTiles="stitch" />
-        <feColorMatrix type="matrix" values="0 0 0 0 0.55  0 0 0 0 0.52  0 0 0 0 0.46  0 0 0 0.05 0" />
-      </filter>
-      <rect width="100%" height="100%" filter="url(#hanji)" />
-    </svg>
-
     <a class="skip" href="#main">본문으로 건너뛰기</a>
 
     <header class="site-head">
       <div class="wrap head-inner">
-        <a class="wordmark" href="#main">향연 <span class="han">享煙</span></a>
+        <a class="wordmark" href="#main">향연</a>
         <nav class="nav" aria-label="섹션">
           <a href="#wood">향목</a>
           <a href="#aging">숙성</a>
@@ -77,13 +68,13 @@
           <figure class="hero-photo reveal" style="--delay: 120ms">
             <img
               src="./assets/smoke.webp"
-              alt="밝은 한지 위 검은 석 받침대에서 한 줄기 침향 연기가 곧게 피어오르는 모습"
+              alt="밝은 배경의 검은 받침대에서 한 줄기 침향 연기가 곧게 피어오르는 모습"
               width="900"
               height="1200"
               loading="eager"
               fetchpriority="high"
             />
-            <figcaption class="vertical">침향 한 줄기 · 삼청동 아카이브룸</figcaption>
+            <figcaption>침향 한 줄기 · 삼청동 아카이브룸</figcaption>
           </figure>
         </div>
       </section>
@@ -233,7 +224,7 @@
               </div>
             </dl>
           </div>
-          <p class="vertical visit-mark">향연 享煙</p>
+          <p class="visit-mark">향연</p>
         </div>
       </section>
     </main>

apps/site/public/work/hyang-incense/styles/main.css

@@ -1,7 +1,7 @@
 @import url("./tokens.css");
 
 /* ==========================================================================
-   향연 — quiet-luxury. 한지 위의 장부.
+   향연 — quiet-luxury. 밝은 편집면 위의 기록.
    ========================================================================== */
 
 *,
@@ -33,20 +33,6 @@ body {
   -webkit-font-smoothing: antialiased;
 }
 
-/* 한지 그레인 — 본문 뒤 전면, 알파 0.05. 이 페이지의 유일한 재질 효과 */
-.paper {
-  position: fixed;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  z-index: 1;
-}
-body > *:not(.paper) {
-  position: relative;
-  z-index: 2;
-}
-
 :where(h1, h2, h3) {
   font-family: var(--font-display);
   font-weight: 500;
@@ -121,13 +107,6 @@ a {
   margin-inline: auto;
 }
 
-/* 세로쓰기 — 이 스튜디오의 물성 어휘. 목요일의 화원과 같은 결, 다른 용도 */
-.vertical {
-  writing-mode: vertical-rl;
-  text-orientation: upright;
-  letter-spacing: 0.3em;
-}
-
 /* ── 헤더 ─────────────────────────────────────────────────────────────── */
 
 .site-head {
@@ -219,8 +198,8 @@ a {
 .hero-photo {
   position: relative;
   display: grid;
-  grid-template-columns: auto auto;
-  gap: var(--space-4);
+  grid-template-columns: minmax(0, 1fr);
+  gap: var(--space-2);
   justify-content: end;
   align-items: start;
 }
@@ -233,7 +212,7 @@ a {
 .hero-photo figcaption {
   font-size: var(--step--1);
   color: var(--ink-faint);
-  height: 14rem;
+  letter-spacing: 0.06em;
 }
 
 /* ── 섹션 공통 ────────────────────────────────────────────────────────── */
@@ -382,7 +361,8 @@ tbody th {
   font-family: var(--font-display);
   color: var(--ink-faint);
   font-size: var(--step--1);
-  height: 11rem;
+  letter-spacing: 0.08em;
+  align-self: end;
 }
 
 /* ── 등장 모션 — 다른 페이지보다 느리다 ──────────────────────────────── */
@@ -416,7 +396,6 @@ tbody th {
   }
   .hero-photo {
     max-width: 24rem;
-    grid-template-columns: 1fr auto;
     justify-content: start;
   }
   .visit-grid {

apps/site/public/work/hyang-incense/styles/tokens.css

@@ -1,7 +1,7 @@
 /* ==========================================================================
-   향연 (享煙) — 디자인 토큰
+   향연 — 디자인 토큰
    프리셋: quiet-luxury
-   컨셉 한 문장: 한지 위의 장부 — 여백이 주인공이고 연기 한 줄기가 흔적이다.
+   컨셉 한 문장: 밝은 편집면 위의 기록 — 여백이 주인공이고 연기 한 줄기가 흔적이다.
    레퍼런스: 방향은 dogfood-incense(단, 그 파일의 6축 수치는 audit-references.md
             에서 날조로 판명 — 토큰 근거로 쓰지 않는다). 사이트 선택(정향·아카이브
             계열의 절제)만 방향 앵커로 쓰고, 값은 브리프에서 다시 정했다.
@@ -23,14 +23,14 @@
   --font-display: "MaruBuri", serif;
   --font-body: "Pretendard Variable", Pretendard, -apple-system, sans-serif;
 
-  /* 색 — 한지 2단계 + 잉크 3단계 + 적갈 1. 정확한 유약색이 아니라 '건조한 종이' */
+  /* 색 — 따뜻한 중성 바탕 2단계 + 텍스트 3단계 + 적갈 1. */
   --surface: #f6f2e9;
   --surface-raised: #efe9dc;
   --ink: #2b2724;
   --ink-muted: #6d655c;
   --ink-faint: #9a9083;
   --line: #ddd4c3;
-  --accent: #7c3b24;      /* 적갈 — 잉크가 아니라 인주의 위험한 사촌 */
+  --accent: #7c3b24;      /* 적갈 — 링크와 핵심 동작만 */
   --accent-hover: #5f2c1a;
 
   --space-1: 0.25rem;