@charset "utf-8";

/* ==================================================
   EVENT – Layout tuning (header height + coming soon balance)
   ================================================== */

/* 1) ページヘッダー（白帯）を圧縮 */
.page-header.members-header{
  padding: 56px 0 60px;  /* ←縦が長いので短く */
}
.page-header.members-header h1{
  margin: 0 0 10px;
  letter-spacing: .06em;
}
.page-header.members-header p{
  margin: 0;
  opacity: .75;
}

/* 2) Coming Soonを「画面中央寄せ」＋間延び解消 */
.coming-soon{
  /* 背景色は既存の黄色を維持 */
  background: var(--yellow, #ffd400);

  /* 上下余白は控えめ＋中身を中央へ */
  min-height: calc(100vh - 220px); /* ヘッダー＋フッターの分をざっくり引く */
  display: grid;
  place-items: center;
  padding: 70px 20px 90px;
}

/* 中央カラム */
.coming-soon__inner{
  width: min(860px, 100%);
  margin: 0 auto;
  text-align: center;
}

/* 3) ロゴ（2段）のバランス調整 */
.coming-soon__brand{
  display: grid;
  justify-items: center;
  gap: 14px;            /* ロゴ間の距離 */
  margin: 0 0 26px;     /* タイトル前の距離 */
}
.coming-soon__logo{
  width: 170px;         /* ←今より少し小さく */
  max-width: 55vw;
  height: auto;
}

/* “T-PROJECT”の小見出し */
.coming-soon__eyebrow{
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .22em;
  margin: 0 0 10px;
  opacity: .85;
}

/* COMING SOONタイトル：詰めて“強く” */
.coming-soon__title{
  font-size: clamp(42px, 5.2vw, 74px);
  font-weight: 900;
  letter-spacing: .14em;
  line-height: 1.05;
  margin: 0 0 18px;
}

/* 説明文：少し上へ寄せる */
.coming-soon__text{
  font-size: 14px;
  line-height: 2;
  margin: 0 0 22px;
  opacity: .9;
}

/* 問い合わせ：押せる感を少し */
.coming-soon__small{
  font-size: 13px;
  margin: 0;
}
.coming-soon__small a{
  display: inline-block;
  padding: 8px 14px;
  border: 2px solid #111;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
  color: inherit;
  transition: transform .15s ease, background .15s ease;
}
.coming-soon__small a:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.28);
}

/* PCでの微調整（間延び防止） */
@media (min-width: 1024px){
  .page-header.members-header{
    padding: 64px 0 70px;
  }
  .coming-soon{
    min-height: calc(100vh - 260px);
    padding: 90px 20px 110px;
  }
  .coming-soon__logo{
    width: 190px;
  }
}