/* ==========================================================================
   Scroll scenes — ui/js/scroll_scenes.js
   .ui-scene        : الـ Section الطويل (طوله = --scene-length من data-length)
   .ui-scene__stage : المنصة اللاصقة بحجم الشاشة — كل اللي داخلها يتحرك حسب السكرول
   ========================================================================== */
.ui-scene { position: relative; block-size: var(--scene-length, 200vh); }
.ui-scene__stage {
  position: sticky;
  inset-block-start: 0;
  block-size: 100vh;
  block-size: 100svh; /* الجوال: بدون قفزة شريط العنوان */
  overflow: hidden;
}
[data-track] { will-change: transform, opacity; }

/* تقليل الحركة: المشهد ما يلزق، وكل شي بحالته النهائية */
.ui-scenes-static .ui-scene { block-size: auto; }
.ui-scenes-static .ui-scene__stage { position: relative; }