/* hero-intro-header.css — 導入中はヘッダーを出さない（2026-08-08 Claude Design） 最初の景色は「窓の外を見ている」画で、UIが乗っていると写真に見えない。 ★このファイルが持つのは「隠す」だけ。戻し方は土台に任せる。 戻り側に transition を書いていたところ、SPでその transition が currentTime 0（fill:backwards）のまま進まず、ヘッダーが -98px の位置に取り残された。**戻す状態を二重に持ったのが原因**なので、持たない。 ことばが出て is-intro-done が付いた瞬間、この規則が外れて土台の姿に戻る。 ・ で読む。body末尾だとシート到着まで（実測1.7s）ヘッダーが出たままになる。 ・隠れているほうを初期状態にする。同じ理由。 ・SPには `.site-header.is-scrolled:not(.is-past-story){opacity:0}` があるので !important で確実に当てる。 ※ SPはことばの後も、この土台の規則によりページ最上部ではヘッダーが出ない（PCは出る）。 これは元からのスマホの挙動で、こちらでは変えていない。 */ html:not(.is-intro-done) .site-header{opacity:0!important;transform:translateY(-100%)!important;pointer-events:none!important;transition:none!important} /* スマホの「先行体験版を試す」（右下の固定チップ）も、導入中は出さない。 ヘッダーと同じ理由＝最初の景色にUIを乗せない。戻し方は土台に任せる。 */ html:not(.is-intro-done) .mobile-story-cta{opacity:0!important;pointer-events:none!important;transition:none!important}