/* =========================================================
   GAW | Ground Art Wall — Design Tokens
   かっこよく・男らしい / ブルー×水色 + オレンジアクセント
   ========================================================= */
:root{
  /* --- Brand core --------------------------------------- */
  --ink:        #0A1726;   /* near-black navy : 見出し・本文 */
  --navy:       #0E294B;   /* deep navy : 男らしいベース */
  --blue:       #119FE6;   /* primary blue : 信頼（明るめ） */
  --blue-bright:#10CAFB;   /* bright cyan : ハイライト/KV */
  --sky:        #D6F1FD;   /* 水色 : 面・カード背景 */
  --sky-soft:   #ECF9FE;   /* さらに淡い水色 */
  --accent:     #F26A1B;   /* orange : CTA/アクセント */
  --accent-deep:#D9550B;

  /* --- Neutrals (cool white/black) ---------------------- */
  --paper:      #FBFCFE;   /* cool white 背景 */
  --paper-2:    #F2F5F9;
  --line:       #D7E0EC;   /* hairline */
  --muted:      #5B6B7E;   /* secondary text */
  --steel:      #8595A8;

  /* --- Type（フォントはこの4変数だけ変えれば全体に反映） ----
     和文＝明朝（高級感）／ 装飾英字＝筆記体
     別フォントに戻すときは、ここの値を差し替えるだけ。
     筆記体をやめる場合は、この下の「筆記体アクセント」ブロックも無効化。 */
  --font-jp:   "Shippori Mincho","Noto Serif JP",serif;   /* 本文・見出し・数字（明朝） */
  --font-disp: "Shippori Mincho","Noto Serif JP",serif;   /* 英字ラベル・数字ディスプレイ（明朝） */
  --font-mono: "Shippori Mincho","Noto Serif JP",serif;   /* 補助テキスト（明朝） */
  --font-en:   "Great Vibes","Shippori Mincho",cursive;   /* 装飾的な英字＝筆記体 */

  /* --- Rhythm ------------------------------------------ */
  --maxw: 1200px;
  --gut: clamp(20px,4vw,64px);
  --r:   4px;            /* 角はシャープめ＝男らしい */
  --shadow: 0 18px 50px -24px rgba(14,41,75,.45);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--font-jp);font-weight:400;line-height:1.8;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

/* Display utilities */
.kicker{font-family:var(--font-disp);font-weight:600;letter-spacing:.28em;
  text-transform:uppercase;font-size:13px;color:var(--blue);}
.eyebrow-bar{display:inline-flex;align-items:center;gap:12px}
.eyebrow-bar::before{content:"";width:34px;height:2px;background:var(--accent)}

/* Placeholder (striped) — 素材未定エリア用 */
.ph{position:relative;background:
   repeating-linear-gradient(135deg,#e6edf6 0 14px,#eef3fa 14px 28px);
  border:1px solid var(--line);display:grid;place-items:center;color:var(--steel);
  font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-align:center;}
.ph[data-label]::after{content:attr(data-label);padding:0 14px}

/* =========================================================
   筆記体アクセント（装飾的な英字だけ Great Vibes に）
   ・大文字化と広い字間は筆記体を崩すため解除
   ・極小サイズは判読不可のため少し拡大
   ※ 筆記体をやめて明朝に戻すときは、このブロックごと削除/コメントアウトすればOK
   ========================================================= */
.kicker,
.sec-kicker,
.nav a .en,
.page-hero .en,
.big-ghost,
.hero-copy .k{
  font-family:var(--font-en);
  font-weight:400;
  text-transform:none;
  letter-spacing:.01em;
}
.kicker,
.sec-kicker{font-size:21px;line-height:1}
.nav a .en{font-size:14px;line-height:1.1}
.page-hero .en{font-size:26px;line-height:1.1}
.hero-copy .k{font-size:22px}
/* .big-ghost は特大のためサイズ据え置き（大文字化の解除のみ） */