/* ==========================================================================
   Creative Factory（services/creative.html）だけのスタイル — 名刺の世界
   型は services/space.html（style.css「18.」・sub.css「8.」）。共通層は触らない。ここに足すのは次の3つだけ。
   1. サービス一覧の見出し（原稿 section.title「クリエイティブサービス」。Space Craft には無い見出し）
   2. 冒頭の言葉の長い1行（28字）：PC では1行に収め、スマホでは画面幅で折り返してよい
   3. 目次の見出しの折り返し位置
   ========================================================================== */

/* 1. サービス一覧の見出し：名刺のチャコールの見出し＋事業の色の小さな英字の札 */
.cf-svc-head { margin-bottom: clamp(28px, 3.4vw, 48px); }
.cf-svc-head .label { margin-bottom: var(--sp-3); }

/* 2. 冒頭の言葉：原稿の改行は保ったまま */
.svc--creative .pg-head__copy { max-width: 32em; }
@media (max-width: 760px) {
  .svc--creative .pg-head__copy { overflow-wrap: anywhere; }
}

/* 3. 目次（スマホ2列）：見出しの前半を言葉の切れ目で折り返す（「込め／て」「カタチ／に」にしない） */
.svc--creative .c-svc-index__name { text-wrap: balance; }