/* Japanese typography layer for the 株式会社爆益 clone.
   style.css is kept byte-identical to the reference; every CJK adjustment lives here. */

:root {
  --font-jp: "Noto Sans JP";
}

body,
button,
input,
select,
textarea {
  font-family: PPNeueMontreal, var(--font-jp), system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* PPNeueMontreal is very light; Noto Sans JP renders heavier at the same weight,
   so CJK glyphs drop one step to keep the reference's weightless feel. */
:lang(ja) {
  font-synthesis: none;
}

.t-200 {
  font-weight: 250;
}

.t-400,
.landing__title {
  font-weight: 300;
}

/* Japanese has no spaces, so the line-splitter cannot break long headings.
   Break by character instead and keep kinsoku rules. */
h1,
h2,
h3,
p,
.landing__title {
  word-break: normal;
  overflow-wrap: anywhere;
  line-break: strict;
}

/* Oversized display type: tighten the CJK tracking the way the reference
   tightens Latin tracking (-0.03em reads as too loose on kanji). */
.landing__title,
.t-104\@sm,
.t-150\@md,
.t-80\@xs {
  letter-spacing: -0.04em;
}

/* Uppercase eyebrows are Latin-only in the reference; Japanese must not be
   letter-spaced as aggressively or it falls apart. */
.t-uppercase:lang(ja) {
  letter-spacing: 0.08em;
}

/* ---------------------------------------------------------------------------
   2026-08-31 Makoto指示: 文字を限りなく減らし、アニメーションを主役にする。
   要素の削除ではなく非表示にとどめる: theme.js のスクロール振り付けは各セクションの
   高さと位置から計算されるため、DOMから消すと粒子アニメーションの進行が狂う。
   visibility:hidden なら背景(mobile-blur)ごと描画されず、レイアウトは無傷。 */

/* ヒーローの「株式会社爆益」は出さない（屋号はヘッダーロゴが担う）。
   visibilityなのはレイアウトと粒子の振り付けを崩さないため */
.landing__title {
  visibility: hidden !important;
}
/* ヒーローの説明文・CTA（スマホで黒背景になるブロック）は丸ごと出さない */
.landing .mobile-blur {
  display: none !important;
}

/* 文字の後ろの黒いぼかし枠（スマホ）はサイト全体で出さない */
.mobile-blur:after {
  display: none !important;
}

/* 「情報局を見る」CTA（ヘッダー直下・ナビ内の両方） */
.header__cta,
.nav__cta {
  display: none !important;
}

/* 見出しは1行に収める。「最新の情報」の行は出さない */
.introduction__title {
  white-space: nowrap;
  font-size: clamp(1.5rem, 6.5vw, 3.5rem) !important;
}
.introduction__body {
  display: none !important;
}

/* スクロール中の6キャプション（manifesto導入部）は全て出さない */
.manifesto--introduction-container {
  visibility: hidden !important;
}

/* 「いつでも、すぐに。」のソリューションブロックは丸ごと出さない */
.manifesto--section.items-end\@md {
  visibility: hidden !important;
}

/* ミッションは見出し1行だけ残し、本文（合言葉…）は出さない */
.manifesto--section.items-start\@md .manifesto__body {
  display: none !important;
}
.manifesto__title {
  white-space: nowrap;
  font-size: clamp(1.5rem, 6vw, 3.5rem) !important;
}

/* フッター: コピーライトのみ。ロゴ・見出し・CTA・ナビ・SNSは出さない */
.footer__head,
.footer__logo,
.footer__nav,
.footer__social {
  display: none !important;
}

/* 2026-08-31 Makoto指示: © 2026 株式会社爆益 が画面の真ん中に浮くのを直す。
   .footer は高さ100vh・justify-content:center のflex列で、footer__head を
   消した結果バーだけが中央に残っていた。高さは触らず（スクロール振り付け保護）、
   配置だけ下端へ寄せる。 */
.footer {
  justify-content: flex-end !important;
}