/* =========================================================
   木村広報設計室｜スマートフォン スクロール安定化レイヤー
   2026-08-07

   - タッチスクロール中のviewport再計算を抑える。
   - スマホではスクロール連動の移動revealを停止する。
   - 非表示メニューの100dvh依存を外す。
   - デスクトップ/FHD/4Kには影響させない。
   ========================================================= */

@media (max-width:900px){
  html{
    scroll-behavior:auto;
  }

  /* inset:0 だけでviewport全面を占有できる。dvhの連続再計算を避ける。 */
  .menu{
    height:auto;
    min-height:0;
    max-height:none;
  }

  /* スクロール位置で発火する移動アニメーションをスマホでは止める。 */
  .reveal,
  .reveal.visible{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

  .form-record .fr-reveal,
  .form-record .fr-reveal.is-visible{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

  /* スクロール開始時のヘッダー状態変更で不要な全プロパティ補間をさせない。 */
  .site-header{
    transition:background-color .18s ease,border-color .18s ease;
  }
}

/* 2026-08-07: freeze mobile layout to the visible viewport captured at first paint.
   Browser address-bar expansion/collapse must not resize document sections while scrolling. */
@media (max-width:900px){
  html,body{overflow-anchor:none;}
  .form-record{overflow-anchor:none;}
}