/* Direction C — Ink & Light (한지 오프화이트 + 먹 + 금박 + 도장) */
:root {
  --C-paper:     #faf8f3;
  --C-paper-2:   #f3efe4;
  --C-paper-3:   #e8e2d2;
  --C-ink:       #1a1612;
  --C-ink-2:     #3a3228;
  --C-ink-3:     #6b6356;
  --C-line:      rgba(26, 22, 18, 0.10);
  --C-line-2:    rgba(26, 22, 18, 0.20);
  --C-gold:      #b8860b;
  --C-gold-2:    #d97706;
  --C-seal:      #a83232;
}
.C-body {
  background: var(--C-paper); color: var(--C-ink);
  font-family: var(--font-sans); min-height: 100vh;
  background-image:
    radial-gradient(circle at 10% 20%, rgba(184, 134, 11, 0.04), transparent 50%),
    radial-gradient(circle at 90% 80%, rgba(168, 50, 50, 0.03), transparent 50%);
}
.C-nav { position: sticky; top: 0; z-index: 30; backdrop-filter: blur(14px); background: rgba(250, 248, 243, 0.85); border-bottom: 1px solid var(--C-line); }
.C-nav-inner { max-width: 1200px; margin: 0 auto; padding: 16px 32px; display: flex; align-items: center; justify-content: space-between; }
.C-logo { display: flex; align-items: baseline; gap: 10px; font-family: var(--font-serif-kr); font-size: 20px; font-weight: 500; letter-spacing: -0.01em; }
.C-logo span { color: var(--C-gold); }
.C-logo .seal { width: 22px; height: 22px; background: var(--C-seal); color: var(--C-paper); font-family: var(--font-serif-kr); font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; align-self: center; }
.C-nav-links { display: flex; gap: 28px; }
.C-nav-links a { font-size: 13px; color: var(--C-ink-3); transition: color 120ms; }
.C-nav-links a:hover, .C-nav-links a.is-active { color: var(--C-ink); }
.C-nav-links .new { font-family: var(--font-mono); font-size: 9px; color: var(--C-seal); letter-spacing: 0.1em; margin-left: 4px; }
.C-nav-cta { padding: 8px 16px; background: var(--C-ink); color: var(--C-paper); font-size: 13px; font-weight: 500; border-radius: 2px; transition: background 140ms; }
.C-nav-cta:hover { background: var(--C-gold-2); }
.C-wrap { max-width: 1200px; margin: 0 auto; padding: 0 32px; }
.C-section { padding: 96px 0; }
.C-kicker { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-mono); font-size: 10px; color: var(--C-gold); letter-spacing: 0.24em; text-transform: uppercase; }
.C-kicker::before { content: ""; width: 20px; height: 1px; background: var(--C-gold); display: inline-block; }
.C-h1 { font-family: var(--font-serif-kr); font-weight: 300; font-size: clamp(40px, 6vw, 84px); line-height: 1.05; letter-spacing: -0.03em; color: var(--C-ink); margin: 0; }
.C-h1 em { font-family: var(--font-serif-en); font-style: italic; font-weight: 400; color: var(--C-gold); }
.C-h1 .hanja { font-family: var(--font-serif-kr); font-weight: 500; color: var(--C-seal); }
.C-h2 { font-family: var(--font-serif-kr); font-weight: 400; font-size: clamp(26px, 3vw, 40px); line-height: 1.2; letter-spacing: -0.02em; margin: 0; }
.C-lead { font-size: 17px; line-height: 1.75; color: var(--C-ink-2); max-width: 560px; }
.C-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 22px; font-size: 14px; font-weight: 500; border-radius: 2px; transition: all 160ms var(--ease-out); }
.C-btn-primary { background: var(--C-ink); color: var(--C-paper); }
.C-btn-primary:hover { background: var(--C-gold-2); }
.C-btn-ghost { border: 1px solid var(--C-line-2); color: var(--C-ink); }
.C-btn-ghost:hover { border-color: var(--C-ink); }
.seal-stamp { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; background: var(--C-seal); color: var(--C-paper); font-family: var(--font-serif-kr); font-weight: 600; font-size: 22px; transform: rotate(-6deg); box-shadow: 0 2px 0 rgba(168, 50, 50, 0.3); }
.C-foot { padding: 40px 0 56px; border-top: 1px solid var(--C-line); color: var(--C-ink-3); font-size: 12px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; }