/* ==========================================================================
   WordPress 組み込み用オーバーライド (AlphaTheta)
   --------------------------------------------------------------------------
   このページは共通テーマCSS (assets/style.css) の内側、
     #container > #content.landing > .inner > article > .inner_content
   の中に描画される。そのため共通テーマ側の以下のルールが、本ファイルの
   スタンドアロン設計を上書きして見た目を崩していた:
     - html{font-size:62.5%}                      → 1rem=10px になり全体が約62.5%に縮小
     - #content.landing .inner{width:1011px}       → 全幅セクションが中央寄せに制限
     - #content.landing .inner h1{font-size:60px;margin-top:84px;font-weight:bold}
     - #content.landing article .inner_content の本文用リセット
       (h2/h3 の em 指定・上下余白の注入、ul の disc 化、a の下線、p の上余白)
   styles.css はこのランディングページ群でのみ読み込まれるため、ここでの調整は
   他ページへ影響しない。各ルールは共通テーマ側と同等以上の詳細度にして確実に
   勝たせている。共通ヘッダ/フッタの文字は px 指定のため rem 復元の影響を受けない。
   ========================================================================== */

/* (1) ルートのフォントサイズを 16px 基準へ戻す (本デザインの rem は 1rem=16px 前提)。
   body はグローバル html body{font-size:1.6rem} が勝つので px 固定で上書きし、
   共通部分の文字サイズ・行間は従来どおり(16px / 35px)に保つ。 */
html { font-size: 100%; }

/* 本ファイル冒頭の body{font-family/font-weight/color/background} は継承で
   共通ヘッダ/フッタ(chrome)へ漏れ、ヘッダ/フッタのフォントを別フォント(akshar)・
   太さ・色に変えてしまう。styles.css はスタンドアロンの build HTML でも使うため
   body ルール自体は残し、ここで共通部分だけ共通テーマの既定へ戻す。
   デザインの基調(フォント/太さ/文字色/背景)は (3) でコンテンツ枠にのみ適用する。 */
html body {
  font-size: 16px;
  line-height: 35px;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  color: #1d1d1d;
  background: #fff;
}

/* (2) コンテンツ枠の幅制限・下余白を解除し、元の全幅レイアウトへ戻す。
   背景の黒はデザインの基調なのでコンテンツ領域にのみ付与する(共通部分は白のまま)。 */
#content.landing { padding-bottom: 0; background: var(--black); }
#content.landing .inner { width: 100%; max-width: none; }

/* (3) 本文の基準(サイズ/行間/フォント/太さ/文字色)をデザイン本来の値へ戻す。
   font-family/weight/color はここで初めてコンテンツ枠へ適用し、共通部分には及ぼさない
   (グローバル .inner_content{font-size:1.6rem;line-height:1.625em} も打ち消す)。 */
#content.landing article .inner_content {
  font-size: 1rem;
  line-height: 1.6;
  font-family: var(--font-main);
  font-weight: 300;
  color: var(--white);
}

/* (4) 本文内へ注入されるリンク下線・リスト装飾を解除 */
#content.landing article .inner_content a { text-decoration: none; }
#content.landing article .inner_content ul,
#content.landing article .inner_content ol { list-style: none; padding-inline-start: 0; }
/* モバイル開閉ナビの左右パディングのみ復元 */
#content.landing article .inner_content .site-nav ul { padding: 0 24px; }

/* (5) 段落へ注入される上余白を解除し、デザインの意図的な間隔だけ復元 */
#content.landing article .inner_content p { margin-top: 0; }
#content.landing article .inner_content .intro p + p { margin-top: 1em; }
#content.landing article .inner_content .media-caption p { margin-top: 0.3rem; }

/* (6) 見出しへ注入される font-size(em)/上下余白/太字/行間をまとめて解除。
   サイズは後続のクラス別ルール(より高詳細度)でデザイン値を再指定する。 */
#content.landing article .inner_content h1,
#content.landing article .inner_content h2,
#content.landing article .inner_content h3,
#content.landing article .inner_content h4 {
  margin: 0;
  padding: 0;
  font-weight: 400;
  line-height: 1.15;
}

/* (7) 各見出しのデザイン本来のサイズ等を高詳細度で再指定 */
/* ヒーロー見出し (h1) ─ グローバル #content.landing .inner h1 を打ち消す */
#content.landing .inner .hero-title {
  font-size: clamp(2rem, 4.5vw, 3.2rem);
  font-weight: 400;
  line-height: 1.15;
  margin-top: 0;
}
/* Start. Learn. Play. / Gallery. のセクションタイトル (h2) */
#content.landing article .inner_content .section-title {
  font-size: 2.2rem;
  font-weight: 300;
  letter-spacing: 0.06em;
  line-height: 1.15;
  margin-bottom: 2.5rem;
}
/* communities / testimonials 見出し (h2) */
#content.landing article .inner_content .communities-copy h2,
#content.landing article .inner_content .testimonials-copy h2 {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.15;
}
#content.landing article .inner_content .testimonials-copy h2 {
  margin-bottom: 0.8rem;
}
/* Start. Learn. Play. の各キャプション見出し (h3) */
#content.landing article .inner_content .media-caption h3 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.15;
}

@media (min-width: 768px) {
  #content.landing article .inner_content .section-title { font-size: 3.5rem; }
  #content.landing article .inner_content .site-nav ul { padding: 24px 0.8rem; }
}
@media (min-width: 961px) {
  #content.landing article .inner_content .media-caption h3 { font-size: 3rem; }
}

/* (8) 本文用の p サイズ(p{font-size:1.2/1.375rem})が、共通ヘッダ/フッター内の
   p タグへ漏れて文字サイズを変えてしまう問題への対策。共通テーマはこれらの p に
   固有サイズを持たず継承で決まるため、共通部分の p はサイズ・行間を継承へ戻し、
   元の挙動(= html body の 16px / 35px)に復帰させる。 */
#header p,
#footer p {
  font-size: inherit;
  line-height: inherit;
}

/* (9) サブページ(purpose/partners/artists/attendees/gallery)の見出し対応。
   グローバル #content.landing .inner h1 (PC:60px / 〜1011px:4.3rem) や
   .inner_content h2(em 指定) が各サブページ固有の見出しを上書きしてしまうため、
   デザイン本来のサイズ・余白を高詳細度で再指定する。(6) の見出しリセットで余白が
   0 になる分も、デザインで余白を持つ見出しはここで併せて復元する。 */

/* 全サブページ共通: ヒーロー見出し (.page-hero h1) */
#content.landing .inner .page-hero h1 {
  font-size: clamp(2.6rem, 6vw, 4rem);
  letter-spacing: 0.04em;
}

/* purpose: 交互セクションの見出し (.split h2) */
#content.landing article .inner_content .split h2 {
  font-size: 3.625rem;
  margin-bottom: 1.4rem;
}

/* partners: パートナー名 (.partner-name) */
#content.landing article .inner_content .partner-name {
  font-size: 3.5rem;
}

/* artists: アーティスト名 (.artist h2) と内部の名前 (strong) */
#content.landing article .inner_content .artist h2 {
  font-size: 2.2rem;
  margin-top: 0.625rem;
}
#content.landing article .inner_content .artist h2 strong {
  font-weight: 300;
  line-height: 0.5;
}

/* attendees: Q&A の人物名 (.qa-person h2) */
#content.landing article .inner_content .qa-person h2 {
  font-size: 2.4rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  #content.landing article .inner_content .partner-name { font-size: 5rem; }
  #content.landing article .inner_content .qa-person h2 { margin-top: 0; }
}
@media (min-width: 961px) {
  #content.landing article .inner_content .artist h2 { font-size: 5rem; }
}