/* 同期ガードが初回ペイント前に付与。高さ・固定位置は一切変えない。
 * 設定メモ：現役：TOP初回題字の描画ガード。header.jsの同期状態とhero-intro.jsの準備・完了通知に依存する。題字の高さやスクロール距離をこの非表示CSSで変更しない。
 */
body.design-center.is-hero-intro-pending .common-pageHeader { background: #000; }
body.design-center.is-hero-intro-pending:not(.is-hero-intro-title) .design-center-heroTitle img,
body.design-center.is-hero-intro-pending:not(.is-hero-intro-video) .common-pageHeader_image,
body.design-center.is-hero-intro-pending:not(.is-hero-intro-ui) :is(.common-header, .common-breadcrumb, .design-center-heroNav, .design-center-heroControls),
body.design-center.is-hero-intro-pending .design-center-heroCopy {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* 調整メモ：初回待機の解除と題字準備はJS guard管理。印刷／reducedでは時間を待たず可読状態へ戻す。 */
@media (prefers-reduced-motion: reduce), print {
  body.design-center.is-hero-intro-pending :is(.design-center-heroTitle img, .common-pageHeader_image, .common-header, .common-breadcrumb, .design-center-heroNav, .design-center-heroControls, .design-center-heroCopy) {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

/* Aの初期表示は動画・nav・操作だけ。guard失敗／static時にはこの待機classを解除する。 */
body.design-center:not([data-design-variant="b"]).is-hero-title-pending .design-center-heroTitleClip { opacity: 0; visibility: hidden; }
@media (prefers-reduced-motion: reduce), print {
  body.design-center .design-center-heroTitleClip { opacity: 1 !important; visibility: visible !important; }
}

/* 低画面／reduced／printの一時staticだけ通常表示。途中の可読skipで題字は再表示しない。 */
body.design-center[data-hero-flow="static"] .design-center-heroTitleClip { opacity: 1 !important; visibility: visible !important; translate: none !important; }