/* =========================================================
   GOLIXX 刷新レイヤー(kakeizu 製品ローカル)
   ★「共通の器」(hero-x / hero-grid / hero-demo / demo-card /
     beta-band / share-loop / price-peek / cards.motif / foot-cross・レスポンシブ)と
     新設トークンは golixx-lib(tokens.css / ui.css)から来る。
     このファイルに残すのは kakeizu 固有の2つだけ:
       ① [data-brand="kakeizu"] の色ブロック(製品の肌=古い柱と紙の茶)
       ② ヒーロー内デモの中身 .kz-*(家系図が組み上がる実演)
   ⛔ 器や :root トークンはここに書かない(lib から来る)。
   読み順: tokens.css → ui.css → kakeizu.css → renew.css
   ========================================================= */

/* --- ① 製品アイデンティティ(骨格は共通・肌で個性)---
   既存7製品との住み分け:
     quiz=青 / akaire=ティール / kaigi=ブルーグレー / kono=オリーブ緑 /
     junban=深緑 / vote=ワインレッド / kuji=紫。
   kakeizu は**茶**(どの製品とも色相が重ならない唯一の系統)。
   家系図は古い柱・和紙・墨の道具立てで、茶はその場の色でもある。
   ★アクセントは上書きしない(=primary と同じ)。この製品には
     「早押しボタン」のような別色相を要する熱い部品が無く、
     色を増やすほど図の線(茶)と競合するため。 */
[data-brand="kakeizu"]{
  --primary:#6d4c41; --primary-d:#4e342e; --primary-l:#f5eeeb; --bd-primary:#dcc9c0;
  --hero-2:#4e342e; --hero-3:#2b1a15; --hero-ink:#efe3dc;
  --motif:"❦";
}

/* --- ② ヒーロー内デモの中身:世代が上から順に現れて線でつながる ---
   自己完結SVG/CSS・画像なし。7.5秒ループ。
   祖父母 → 父の世代 → 自分、の3拍。「選ぶだけでつながる」を目で見せる。 */
/* ★消えている状態を作らない。0 から出すと、開いた瞬間の1秒間はデモの下半分が
   まっさらな余白になり、いちばん見られる一瞬にいちばん弱い絵を出すことになる。
   薄く出したまま順に濃くする＝形は最初から見えていて、組み上がる順序だけが伝わる。 */
.kz-gen{opacity:.14;animation:kz-appear 7.5s var(--ease-in) infinite}
.kz-gen1{animation-delay:0s}
.kz-gen2{animation-delay:.9s}
.kz-gen3{animation-delay:1.8s}
@keyframes kz-appear{
  0%{opacity:.14}
  6%{opacity:1}
  88%{opacity:1}
  97%,100%{opacity:.14}
}
.kz-hint{opacity:0;animation:kz-hint 7.5s var(--ease-in) infinite;animation-delay:2.6s}
@keyframes kz-hint{
  0%{opacity:0}
  10%{opacity:.9}
  80%{opacity:.9}
  92%,100%{opacity:0}
}

/* 常時アニメは reduced-motion で停止(正本§5)。停止時は「完成状態」で静止 */
@media (prefers-reduced-motion:reduce){
  .kz-gen,.kz-hint{animation:none;opacity:1;transform:none}
  .kz-hint{opacity:.9}
}