feat: strengthen design skill and refresh all showcases

apps/site/public/work/orbit-aerospace/styles/main.css

@@ -1,4 +1,4 @@
-@import url("./tokens.css");
+@import url("./tokens.css?v=20260912all");
 
 /* ==========================================================================
    궤도 우주공학 — technical-schematic. 사양서 1페이지.
@@ -150,11 +150,6 @@ a {
 
 .hero {
   padding-block: var(--space-8) var(--space-7);
-  /* 제도용 모눈 — 히어로에만, 4% 밝기 */
-  background-image:
-    linear-gradient(var(--line) 1px, transparent 1px),
-    linear-gradient(90deg, var(--line) 1px, transparent 1px);
-  background-size: 48px 48px;
   border-bottom: 1px solid var(--line);
 }
 .hero-grid {
@@ -176,9 +171,36 @@ a {
 .hero .btn {
   margin-top: var(--space-5);
 }
+.run-register {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: var(--space-3);
+  margin-top: var(--space-5);
+  padding-top: var(--space-3);
+  border-top: 1px solid var(--line-strong);
+}
+.run-register > div {
+  min-width: 0;
+}
+.run-register dt,
+.run-register dd {
+  font-family: var(--font-mono);
+  font-size: 0.6875rem;
+  letter-spacing: 0.04em;
+}
+.run-register dt {
+  color: var(--accent);
+}
+.run-register dd {
+  margin-top: 0.2rem;
+  color: var(--ink-muted);
+  overflow-wrap: break-word;
+}
 
 .btn {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  min-height: 44px;
   border: 1px solid var(--accent);
   color: var(--accent);
   text-decoration: none;
@@ -195,7 +217,11 @@ a {
 
 /* 단면도 */
 .blueprint {
-  background: color-mix(in srgb, var(--surface) 72%, transparent);
+  background-color: var(--surface-raised);
+  background-image:
+    linear-gradient(color-mix(in srgb, var(--line) 78%, transparent) 1px, transparent 1px),
+    linear-gradient(90deg, color-mix(in srgb, var(--line) 78%, transparent) 1px, transparent 1px);
+  background-size: 2.5rem 2.5rem;
   border: 1px solid var(--line);
   border-radius: var(--radius);
   padding: var(--space-4) var(--space-3) var(--space-3);
@@ -227,7 +253,7 @@ a {
 .bp-cool {
   fill: none;
   stroke: var(--accent-stroke);
-  stroke-width: 0.9;
+  stroke-width: 1.25;
 }
 .bp-block {
   fill: none;
@@ -247,11 +273,11 @@ a {
 .bp-label text {
   font-family: var(--font-body);
   font-size: 13px;
-  fill: var(--ink-muted);
+  fill: var(--ink);
 }
 .bp-lead {
-  stroke: var(--ink-faint);
-  stroke-width: 0.8;
+  stroke: var(--accent);
+  stroke-width: 1;
 }
 .bp-dim path {
   fill: none;
@@ -261,7 +287,7 @@ a {
 .bp-dim text {
   font-family: var(--font-mono);
   font-size: 11px;
-  fill: var(--ink-faint);
+  fill: var(--ink-muted);
 }
 
 /* ── 섹션 공통 ────────────────────────────────────────────────────────── */
@@ -442,6 +468,12 @@ tbody td:not(.num) {
     padding-block: var(--space-6);
   }
 }
+@media (max-width: 640px) {
+  .run-register {
+    grid-template-columns: 1fr;
+    gap: var(--space-2);
+  }
+}
 @media (max-width: 560px) {
   .head-inner {
     flex-direction: column;

apps/site/public/work/orbit-aerospace/styles/tokens.css

@@ -29,7 +29,7 @@
   --surface-raised: #0d1520;
   --ink: #e7ecf1;
   --ink-muted: #97a3af;
-  --ink-faint: #6c7885;
+  --ink-faint: #7d8b99;
   --line: #1f2937;
   --line-strong: #33415280;
   --accent: #d08a5a;        /* 구리 — 열색. 텍스트용 밝기 */
@@ -46,8 +46,8 @@
 
   --radius: 2px;
 
-  --container: 1120px;
-  --pad-inline: clamp(1.25rem, 1rem + 2.5vw, 4rem);
+  --container: 1240px;
+  --pad-inline: clamp(1.25rem, 1rem + 2.5vw, 5rem);
 
   --dur-quick: 160ms;
   --dur-normal: 420ms;