From f4fd0f60c99c33192694102a1a061f4fe932477b Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Tue, 30 Jun 2026 14:52:22 +0900
Subject: [PATCH] =?UTF-8?q?chore(redesign):=20=EC=9E=AC=EC=84=A4=EA=B3=84?=
 =?UTF-8?q?=EA=B0=80=20=EC=A3=BD=EC=9D=B8=20=EB=8B=A4=ED=81=AC/=EC=8A=A4?=
 =?UTF-8?q?=ED=81=AC=EB=A1=A4=ED=81=90=20CSS=20=EC=A0=9C=EA=B1=B0=20+=20?=
 =?UTF-8?q?=EC=97=B0=EA=B2=B0=EC=84=A0=20gradient=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

globals.css: --jsm-dark-* 토큰, --jsm-accent-bright, .jsm-dark-form,
.df-scroll-dot/@keyframes df-scroll-cue 제거 (전부 소비처 0).
홈 PROCESS 연결선 linear-gradient → solid 인셋 라인.

유지: --kx-*/.kx-*(/, packages·work·music 사용), .gradient-text(/portfolio/[token] 사용)
— 숨김·레거시 라우트라 이번 범위 밖.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01A2N6SziVSPfavx1j5rAs52
---
 app/globals.css | 31 +------------------------------
 app/page.tsx    |  7 ++-----
 2 files changed, 3 insertions(+), 35 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 84f62db..8ed08c5 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -49,15 +49,7 @@
   --jsm-accent-hover: #1e40af;  /* blue-800 */
   --jsm-accent-soft: #dbeafe;   /* blue-100 뱃지 배경 */
 
-  /* === Deep Field dark tokens (2026-06 랜딩 경험) — 라이트 토큰과 공존 === */
-  --jsm-dark-bg: #070d1a;
-  --jsm-dark-surface: rgba(255, 255, 255, 0.03);
-  --jsm-dark-line: rgba(148, 163, 184, 0.14);
-  --jsm-dark-ink: #f8fafc;
-  --jsm-dark-soft: #94a3b8;
-  --jsm-accent-bright: #60a5fa;
-
-  /* 기존 kx 변수 재매핑 (잔여 참조 호환용) */
+  /* 기존 kx 변수 재매핑 (레거시·숨김 라우트 /packages·/work·/music 호환용) */
   --kx-surface: var(--jsm-bg);
   --kx-surface-low: var(--jsm-surface-alt);
   --kx-surface-mid: var(--jsm-surface);
@@ -198,13 +190,6 @@ body {
   pointer-events: none;
 }
 
-/* 외주 의뢰 폼 — 다크 스킨 placeholder (Deep Field 재스킨) */
-.jsm-dark-form input::placeholder,
-.jsm-dark-form textarea::placeholder {
-  color: var(--jsm-dark-soft);
-  opacity: 1;
-}
-
 /* Service card hover */
 .service-card {
   transition: transform 0.2s ease, box-shadow 0.2s ease;
@@ -260,20 +245,6 @@ body {
   mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
 }
 
-/* ─── Deep Field 히어로 스크롤 큐 (가는 세로선 안의 점 미세 바운스) ─── */
-@keyframes df-scroll-cue {
-  0%, 100% { transform: translateY(0); opacity: 0.35; }
-  50%      { transform: translateY(8px); opacity: 1; }
-}
-.df-scroll-dot {
-  animation: none;
-}
-@media (prefers-reduced-motion: no-preference) {
-  .df-scroll-dot {
-    animation: df-scroll-cue 1.8s cubic-bezier(0.16, 1, 0.3, 1) infinite;
-  }
-}
-
 /* Scrollbar styling */
 ::-webkit-scrollbar {
   width: 6px;
diff --git a/app/page.tsx b/app/page.tsx
index 8e626b3..3be402f 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -402,11 +402,8 @@ export default async function Home() {
             {/* 단계 연결선 (데스크톱) */}
             <span
               aria-hidden
-              className="absolute left-0 right-0 top-7 hidden h-px lg:block"
-              style={{
-                background:
-                  'linear-gradient(to right, transparent, var(--jsm-line) 12%, var(--jsm-line) 88%, transparent)',
-              }}
+              className="absolute left-[12%] right-[12%] top-7 hidden h-px lg:block"
+              style={{ background: 'var(--jsm-line)' }}
             />
             <div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-4">
               {PROCESS.map((s, i) => (