/* =========================================================
   KAGVYA v2 — トンマナ上書き層
   LANA のレイアウト(index.css)はそのまま、配色・質感のみ KAGVYA(dark/red/gold)へ。
   index.css の後に読み込む。
   ========================================================= */

:root{
  --kg-bg:        #060807;   /* near-black 主背景 (Goddess MV 抽出) */
  --kg-ink:       #ECE7DD;   /* 生成り白 本文 */
  --kg-mute:      #8a857a;   /* 補助テキスト */
  --kg-red:       #c41a2e;   /* アクセント赤 */
  --kg-gold:      #c9a35a;   /* 金 */
}

/* 既定テキストは生成り白 (sed で赤に化けた #body の color を戻す) */
#body{ color: var(--kg-ink); }

/* body 直下の地色も near-black に */
#body, .wrapper{ background-color: var(--kg-bg); }

/* ---- splash ---- */
.splash{ background-color: var(--kg-bg) !important; }

/* ---- 流用した英語タイトル SVG (NEW RELEASE / news) を dark 上で視認 ---- */
.wrapper>.movie_section .section_title .i,
.wrapper>.news_section .section_title .i{
  filter: brightness(0) invert(0.92);
}

/* ---- テキストで起こしたセクションタイトル (FOLLOW / EVENT) ---- */
.section_title_text{
  display:block;
  font-family:"Instrument Serif", serif;
  font-size:clamp(34px, 4.6vw, 66px);
  font-weight:400;
  letter-spacing:.10em;
  line-height:1;
  text-align:center;
  color:var(--kg-ink);
}
.event_section .event_title_text{
  display:block;
  font-family:"Instrument Serif", serif;
  font-size:clamp(22px, 2.9vw, 42px);
  font-weight:400;
  letter-spacing:.05em;
  line-height:1.18;
  color:#fff;
}

/* ---- profile / footer の可読性 ---- */
.wrapper>.profile_section .profile_block .body .text{ color: var(--kg-ink); }
.wrapper>.profile_section .profile_block .head .name{ color: var(--kg-ink); }
.wrapper>.profile_section .loop_text .loop_content>li{ color: var(--kg-gold); }
#footer{ background-color: var(--kg-bg); }
#footer .copy{ color: var(--kg-mute); }

/* ---- ヘッダー: スクロール後(非__top)は dark 半透明 ---- */
#header:not(.__top){
  background-color: rgba(6,8,7,.82);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
/* 非__top の nav / sns を生成り白に (dark ヘッダー上) */
#header:not(.__top) .nav_list .item .link .text{ color: var(--kg-ink); }
#header:not(.__top) .sns_list .item .link{ border-color: rgba(236,231,221,.55); }
#header:not(.__top) .sns_list .item .link .icon>svg path{ fill: var(--kg-ink); }

/* ---- swiper スライドのタイトル/ボタンを dark imagery 上で確実に視認 ---- */
.wrapper>.mainvisual_section .swiper-slide .detail .title{
  color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.6);
}

/* ---- 写真の白マット(polaroid風)はトーンを少し落として馴染ませる ---- */
.wrapper>.profile_section .image_area .image{ background-color:#ece7dd !important; }

/* =========================================================
   HANA参考: 全画面シネマティック動画ヒーロー
   ========================================================= */
.kg-hero{ position:relative; width:100%; height:100vh; height:100svh; overflow:hidden; background:#000; }
.kg-hero__video{ position:absolute; inset:0; pointer-events:none; z-index:0; }
.kg-hero__video iframe{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:100vw; height:56.25vw; min-height:100vh; min-width:177.78vh; border:0;
}
.kg-hero__overlay{
  position:absolute; inset:0; z-index:1;
  background:
    radial-gradient(ellipse at center, rgba(6,8,7,.25) 0%, rgba(6,8,7,.62) 62%, rgba(6,8,7,.92) 100%),
    linear-gradient(180deg, rgba(6,8,7,.55) 0%, rgba(6,8,7,0) 24%, rgba(6,8,7,0) 70%, rgba(6,8,7,.85) 100%);
}
.kg-hero__inner{
  position:absolute; inset:0; z-index:2;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; gap:clamp(16px,2.2vw,30px); padding:0 6vw;
}
.kg-hero__logo{ width:min(60vw,620px); height:auto; filter:drop-shadow(0 6px 34px rgba(0,0,0,.6)); }
.kg-hero__cap{
  font-family:"Space Grotesk",sans-serif; letter-spacing:.30em; text-transform:uppercase;
  font-size:clamp(10px,1.15vw,14px); color:var(--kg-ink); opacity:.86;
}
.kg-hero__cta{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:210px; padding:15px 36px; border:1px solid rgba(236,231,221,.55); border-radius:50px;
  color:var(--kg-ink); font-family:"Space Grotesk",sans-serif; letter-spacing:.20em;
  text-transform:uppercase; font-size:13px; transition:background-color .4s ease,border-color .4s ease,color .4s ease;
}
.kg-hero__cta:hover{ background:var(--kg-red); border-color:var(--kg-red); color:#fff; }
.kg-hero__scroll{
  position:absolute; bottom:24px; left:50%; transform:translateX(-50%); z-index:2;
  writing-mode:vertical-rl; font-family:"Space Grotesk",sans-serif; letter-spacing:.34em;
  font-size:10px; color:rgba(236,231,221,.6);
}
@media (max-width:812px){
  .kg-hero__logo{ width:76vw; }
  .kg-hero__cta{ min-width:0; width:auto; padding:13px 30px; }
}

/* =========================================================
   HANA参考: Discography (3リリース グリッド)
   ========================================================= */
.kg-disco{ background:var(--kg-bg); padding:clamp(64px,8vw,124px) 0; }
.kg-disco>.section_inner{ width:min(92%,1180px); margin:0 auto; }
.kg-disco__list{
  display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(20px,3vw,46px);
  margin-top:clamp(40px,5vw,72px); list-style:none; padding:0;
}
.kg-disco__item a{ display:block; color:var(--kg-ink); }
.kg-disco__jacket{
  width:100%; aspect-ratio:1/1; background-size:cover; background-position:center; border-radius:4px;
  box-shadow:0 18px 50px rgba(0,0,0,.5); transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease;
}
.kg-disco__item a:hover .kg-disco__jacket{ transform:translateY(-8px) scale(1.015); box-shadow:0 26px 64px rgba(0,0,0,.6); }
.kg-disco__type{ margin-top:18px; font-family:"Space Grotesk",sans-serif; letter-spacing:.20em; text-transform:uppercase; font-size:11px; color:var(--kg-gold); }
.kg-disco__title{ margin-top:7px; font-family:"Instrument Serif",serif; font-size:clamp(22px,2.4vw,34px); line-height:1.1; }
.kg-disco__date{ margin-top:9px; font-family:"Space Grotesk",sans-serif; letter-spacing:.14em; font-size:11px; color:var(--kg-mute); }
@media (max-width:812px){
  .kg-disco__list{ grid-template-columns:1fr; max-width:360px; margin-left:auto; margin-right:auto; gap:42px; }
}