/* Contact, 404, search and generic standard pages are often already inside
 * the initial viewport, so their load intro stays independent from the
 * shared IntersectionObserver reveal (2026-07-22: extended from Contact/404
 * to search results and page.php's non-story layout). */
@media (prefers-reduced-motion: no-preference) {
	body.page:not(.tiptop-motion-preset-none) .tiptop-contact-page,
	body.error404:not(.tiptop-motion-preset-none) .tiptop-404-page__inner,
	body.search:not(.tiptop-motion-preset-none) .tiptop-search-page,
	body.page:not(.tiptop-motion-preset-none) .tiptop-page--standard {
		animation: tiptop-short-page-intro var(--tt-motion-duration-reveal, 0.68s) var(--tt-motion-easing-immersive, cubic-bezier(0.16, 1, 0.3, 1));
	}
}

/* Keep the default animation-fill-mode (none) so these properties return to
 * the normal page and scroll-motion cascade after the intro finishes.
 *
 * 2026-08-10：ブラーを外した（オーナー指摘「画面遷移時にブラーがかかってる」）。
 * 固定ページ・お問い合わせ・404・検索へ移動するたびに本文まるごとが
 * blur(12px) から立ち上がっていた。承認済みモックに相当する演出は無い。
 * なお参照していた --tt-motion-blur-start は immersive-system.css でしか
 * 定義されておらず、標準デザインでは常にフォールバックの12px＝モーション
 * プリセット（0/6/12/18px）を無視していた。フェードイン＋16pxのせり上がりは残す。 */
@keyframes tiptop-short-page-intro {
	0% {
		opacity: 0;
		transform: translate3d(0, var(--tt-motion-distance-small, 16px), 0);
	}

	62% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

/* 404の戻るボタンの文字を承認済みモックへ（2026-08-09・Issue #784）。
 * モックは 12.48px / w600 / 行間2.0倍。実サイトは 10.72px / w700 / 行間1.95倍で
 * 小さく太かった。共通の .button ではなく404のスコープに閉じる——ボタンのサイズは
 * 置かれる場所ごとにモックの値が違い（ヘッダーのCTAは11.52px、ヒーローは12.48px）、
 * 共通側へ書くと他が壊れる。 */
body.tiptop-standard-system .tiptop-404-page .button {
	font-size: var(--tt-text-label);
	font-weight: 600;
	line-height: calc(2 * var(--tt-leading-scale));
}

/* 404の見出しの行間と字間をモックへ（2026-08-10）。
 * モックは行間2.0倍・字間なし。実サイトは行間1.35倍・字間0.04emで詰まっていた。
 * PR #820 で文言を揃えたことで初めて照合できるようになった差分（機械比較は
 * テキストをキーに要素を対応づけるため、文言が違うと比較対象にすらならない）。 */
body.tiptop-standard-system .tiptop-404-page h1 {
	/* 上下の余白もモックへ（2026-08-11）。モックの `.error-page__title` は
	 * `margin: 24px 0 16px` で、「404」の数字との距離が **24px**。実サイトは
	 * `margin: 12.328px 0`（em由来の値）で **12.3px** と詰まっていた。
	 * **隣接距離パスで初めて見つかった差分**（PR #872 で道具に足した項目）。
	 * 404はプロパティ比較では「差分0件」のページだった。 */
	margin: var(--tt-space-5) 0 var(--tt-space-4);
	line-height: calc(2 * var(--tt-leading-scale));
	letter-spacing: normal;
}