/* ============================================================
   KAGVYA v3 — プリロード明けの「ページ表示」演出 (A/B テスト対象)
   ------------------------------------------------------------
   A = hbars    : 横黒バー20本が一斉に上へ潰れて掃ける (wearekaleida.com)
   B = vlamella : 縦黒カラム48本が不規則に上へcollapse=下から剥がれる (madeinevolve.com)
   どちらも overlay 容器は【透明】で、純黒の帯/柱だけが覆う。
   → collapse で出来る隙間から【実際の KAGVYA ページ】が見える(容器を黒にしない)。
   variant は ?reveal=hbars|vlamella (既定 hbars)。制御=kg-reveal.js。
   プリローダ(.kg-load)の裏で p=0(全被覆) のまま待機し、ロゴ退場後に collapse。
   内部遷移(html.is-internal-nav)は .kxn カーテン担当 → 表示しない。
   ============================================================ */
.kg-reveal{
  position: fixed;
  inset: 0;
  z-index: 99999;                 /* .kg-load(100000) の直下 / page・.kxn(250) より上 */
  pointer-events: none;           /* 入力は一切奪わない */
  background: transparent;        /* ★透明。隙間から実ページを見せる(容器を黒にしない) */
}
html.is-internal-nav .kg-reveal{ display: none !important; }

/* ---- A: hbars (横バー20本 / 上端origin=上へ潰れる / #000) ---- */
.kg-reveal--hbars{ display: flex; flex-direction: column; }
.kg-reveal--hbars .kg-bar{
  display: block;
  width: 100%;
  background: #000;               /* 純黒 */
  transform-origin: 50% 0;        /* 上端中央 → 上へ潰れる */
  transform: scaleY(1);           /* 被覆状態 */
  will-change: transform;
}

/* ---- B: vlamella (縦カラム48本 / top origin=上へcollapse=下からreveal / #131313) ---- */
.kg-reveal--vlamella{
  display: grid;
  grid-template-rows: 100%;
  overflow: hidden;               /* width 101.5% の overlap をクリップ */
}
.kg-reveal--vlamella .kg-col{
  background: #131313;
  width: 101.5%;                  /* seam消しオーバーラップ(削らない) */
  height: 100%;
  transform-origin: top;          /* 上へcollapse = 下から reveal */
  transform: scaleY(1);
  will-change: transform;
}