/* =========================================================
   はおのサイト専用の見た目（会員ページ・規約など、土台のページに上からかぶせる）
   トップ（index.html）と同じ「ライブハウスの夜・ネオン」にそろえる。
   色は管理ページの「見た目」で決めた メインの色（--c1）・サブの色（--c2）に合わせて変わる（決め打ちしない）。
   build_hao_deploy.py が assets/hao.css として、土台の各ページの </head> の前で読み込む。
   ========================================================= */
:root{
  --hao-c1:var(--c1,#ff3d7f); --hao-c2:var(--c2,#d8e3ff);
  --hao-glow:0 0 4px rgba(255,255,255,.55),0 0 12px var(--hao-c1),0 0 30px var(--hao-c1);
  --hao-display:"Dela Gothic One","Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",sans-serif;
}

/* 背景：トップと同じライブハウスの写真を、うすく。管理ページで「背景の柄」を選んだときは、柄のほうを見せる */
html:not([data-bg]) body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,6,13,.55),rgba(11,6,13,.92)),url("../img/hao_bg.jpg") center/cover no-repeat}

/* 名前のあとの「.」（Aki. の書き方）は出さない */
.logo span,.fc-hero h1 span,.mcard .t span,.gcard2 .t span{display:none!important}

/* 上のロゴ：トップと同じ光る文字 */
#hdr .logo{font-family:var(--hao-display)!important;font-style:normal!important;letter-spacing:.02em;color:#fff;text-shadow:var(--hao-glow)}

/* 会員ページの入口（ヒーロー）：左に はおのイラスト、右に料金 */
.fc-hero{isolation:isolate;border-color:color-mix(in srgb,var(--hao-c1) 45%,transparent)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--hao-c1) 15%,transparent),0 0 40px color-mix(in srgb,var(--hao-c1) 18%,transparent)}
.fc-hero::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:62%;
  background:url("../img/hao.jpg") 50% 18%/cover no-repeat;opacity:.5;
  -webkit-mask-image:linear-gradient(90deg,#000 35%,transparent 100%);mask-image:linear-gradient(90deg,#000 35%,transparent 100%)}
.fc-hero > div:first-child{align-self:end;text-shadow:0 2px 16px rgba(0,0,0,.85)}
.fc-hero h1{font-family:var(--hao-display)!important;font-style:normal!important;font-weight:400!important;
  font-size:clamp(40px,6vw,72px)!important;line-height:1.1!important;color:#fff;text-shadow:var(--hao-glow)}
.fc-hero .eyebrow{letter-spacing:.3em;color:color-mix(in srgb,var(--hao-c1) 60%,#fff)!important}
.fc-hero .jp{color:var(--hao-c2)!important}
@media (max-width:880px){
  .fc-hero::before{width:100%;height:340px;inset:0 0 auto 0;opacity:.45;
    -webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 100%);mask-image:linear-gradient(180deg,#000 30%,transparent 100%)}
  .fc-hero > div:first-child{padding-top:150px}
}

/* 見出し・特典のカード */
main h2,main h3,.perk b{font-family:var(--hao-display);font-weight:400;letter-spacing:.02em}
.perk{border-color:color-mix(in srgb,var(--hao-c1) 28%,transparent)!important;transition:transform .2s,box-shadow .2s}
.perk:hover{transform:translateY(-3px);box-shadow:0 0 22px color-mix(in srgb,var(--hao-c1) 25%,transparent)}

/* ボタン：トップのネオン管と同じ光り方 */
.btn-pri{box-shadow:0 0 14px color-mix(in srgb,var(--hao-c1) 55%,transparent),inset 0 0 10px rgba(255,255,255,.12)!important}

@media (prefers-reduced-motion: reduce){ .perk{transition:none} }