@charset "UTF-8";
/* ==================================
   HERO stabilize (16:9-ish images like 1200x630)
   ================================== */

/* 高さを「vw連動 + 上下限」で安定化（DevTools開閉でも差が出にくい） */
.page-header.page--cover{
  min-height: unset;
  height: clamp(320px, 30vw, 560px);
  display: flex;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}

/* タイトルの余白（高さに影響し過ぎないよう控えめに） */
.page-header.page--cover .container{
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  z-index: 1;
}

/* 文字サイズ（既存踏襲） */
.page-header.page--cover .entry-title{
  margin: 0;
  font-size: 2.2rem;
  line-height: 1.15;
}
@media (min-width: 720px){
  .page-header.page--cover .entry-title{
    font-size: 3rem;
  }
}

/* 暗幕 */
.page-header.page--cover::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.25);
  pointer-events: none;
}

/* HEROだけ：背景の共通設定（インラインの background-image を生かす） */
.page-header.page--cover.hero-bg{
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* パララックス（PCのみ） */
@media (min-width: 1025px){
  .page-header.page--cover.hero--parallax{
    background-attachment: fixed !important;
    background-position: center -330px !important;
  }
}
@media (max-width: 1024px),
       (prefers-reduced-motion: reduce){
  .page-header.page--cover.hero--parallax{
    background-attachment: scroll !important;
    background-position: center !important;
  }
}
/* DEBUG-20260104 */