/* Sky Gallery のページの色と書体（本人指示 2026-10-25「かわうそファクトリーのブランドカラーでまとめずに、Sky Gallery のカラーイメージで」）
   色はロゴ（キラ・Dusk gallery）から：夜の藍 #182441 → すみれ #525376 → あかね #B57E83 → あんず #E8B184、太陽 #FFF1D7
   書体はロゴと同じ Libre Baskerville。site.css の部品は変数を差し替えて使う */
body.sky {
  --bg: #111a33;
  --ivory: #172244;
  --ink: #FFF1D7;
  --ink-2: rgba(255, 241, 215, .74);
  --ink-3: rgba(255, 241, 215, .5);
  --line: rgba(255, 241, 215, .14);
  --label: "Libre Baskerville", "Baskerville", Georgia, serif;
  --serif-en: "Libre Baskerville", "Baskerville", Georgia, serif;
  --sky-night: #182441; --sky-violet: #525376; --sky-rose: #B57E83; --sky-apricot: #E8B184; --sky-sun: #FFF1D7;
  --sky-sub: 58px;
}
body.sky .label, body.sky .discover, body.sky .foot h4 { font-size: 10.5px; letter-spacing: .24em; }
body.sky .label:not(.discover):not(.soon) { color: var(--sky-apricot); }
body.sky .hero .label, body.sky .scene .label { color: inherit; }
body.sky h2, body.sky h3 { font-weight: 400; }
body.sky .sec .head h2:lang(en), body.sky .feature h3:lang(en), body.sky .ed h3, body.sky .sister .txt h3 { letter-spacing: 0; }

/* サブヘッダー：共通ヘッダー（kf-bar）の下。空の上では透明、送ると夜の藍に */
.sky-sub {
  position: fixed; left: 0; right: 0; top: var(--kf-bar); z-index: 60; height: var(--sky-sub);
  display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 var(--gutter);
  color: var(--sky-sun); transition: background .5s ease, border-color .5s ease; border-bottom: 1px solid transparent;
}
.sky-sub.scrolled { background: rgba(17, 26, 51, .86); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom-color: var(--line); }
.sky-sub .name { display: flex; align-items: center; gap: 12px; text-decoration: none; font-family: var(--serif-en); font-size: 18px; letter-spacing: .04em; white-space: nowrap; }
.sky-sub .name img { width: 22px; height: auto; }
.sky-sub nav { display: flex; align-items: center; gap: clamp(14px, 2.4vw, 32px); }
.sky-sub nav a { font-family: var(--serif-en); font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase; text-decoration: none; color: rgba(255, 241, 215, .78); }
.sky-sub nav a:hover { color: #fff; }
.sky-sub nav .store { border: 1px solid rgba(255, 241, 215, .4); padding: 6px 14px; }
@media (max-width: 760px) { .sky-sub nav .opt { display: none; } }

/* 冒頭：夜明け前の空のように、上を濃く */
body.sky .hero::after { background: linear-gradient(180deg, rgba(17,26,51,.55) 0%, rgba(17,26,51,0) 26%, rgba(17,26,51,0) 55%, rgba(17,26,51,.9) 100%); }
body.sky .hero .soon { border-color: rgba(255, 241, 215, .6); color: var(--sky-sun); }

/* 文の節：藍の地。一文目は太陽の色で */
body.sky .statement p.lead { color: var(--sky-sun); }

/* 空のことば：夜 → すみれ → あかね の夕暮れの帯 */
body.sky .words { background: linear-gradient(180deg, var(--sky-night) 0%, var(--sky-violet) 55%, var(--sky-rose) 100%); }
body.sky .words-row span:nth-child(even) { color: var(--sky-apricot); }
body.sky .words p { color: rgba(255, 241, 215, .86); }

/* 2つの版：夕暮れのうすい光 */
body.sky .editions { background: radial-gradient(120% 80% at 50% 100%, rgba(232, 177, 132, .16) 0%, rgba(232, 177, 132, 0) 60%), var(--bg); }
body.sky .ed .icon { box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .8); }
body.sky .ed .tag { color: var(--sky-apricot); }

/* 動画の影を夜に合わせる */
body.sky .feature .shot video, body.sky .film video { box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .9); }

/* 姉妹品と最後の一行 */
body.sky .sister .txt { background: var(--ivory); }
body.sky .credit { color: var(--ink-3); }

/* フッター：夜の藍よりも深く */
body.sky footer.foot { background: #0a1024; }