/* Moneeb-e — scroll-driven motion (progressive enhancement) + reduced motion */
/* ========== SCROLL-DRIVEN MOTION (progressive) ========== */
@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:smooth}
  @supports (animation-timeline: view()){
    .rv{animation:rv linear both; animation-timeline:view(); animation-range:entry 0% entry 70%}
    .rv-2{animation:rv linear both; animation-timeline:view(); animation-range:entry 10% entry 85%}
    .rv-x{animation:rv-x linear both; animation-timeline:view(); animation-range:entry 0% entry 80%}
    .rv-scale{animation:rv-scale linear both; animation-timeline:view(); animation-range:entry 0% cover 40%}
    .photo img,.g img.px{animation:px linear both; animation-timeline:view(); animation-range:cover 0% cover 100%}
    .tl-fill{animation:fill linear both; animation-timeline:view(); animation-range:cover 12% cover 78%}
    .step .marker{animation:lit linear both; animation-timeline:view(); animation-range:entry 40% cover 45%}
    .cnt{animation:count linear both; animation-timeline:view(); animation-range:entry 20% cover 45%}
    .axis .bar i{animation:bar linear both; animation-timeline:view(); animation-range:entry 30% cover 50%}
    .orbit-wrap{animation:hero-out linear both; animation-timeline:scroll(); animation-range:0 900px}
    .gates::before{animation:fill-x linear both; animation-timeline:view(); animation-range:entry 30% cover 45%}
  }
}
@keyframes rv{from{opacity:0; transform:translateY(48px); filter:blur(8px)}}
@keyframes rv-x{from{opacity:0; transform:translateX(-40px)}}
@keyframes rv-scale{from{opacity:.2; transform:scale(.92)}}
@keyframes px{from{transform:scale(1.14) translateY(-4%)} to{transform:scale(1.14) translateY(4%)}}
@keyframes fill{from{transform:scaleY(0)}}
@keyframes fill-x{from{transform:scaleX(0)}}
@keyframes lit{from{opacity:.25; transform:scale(.7)}}
@keyframes count{from{--n:0}}
@keyframes bar{from{transform:scaleX(0)}}
@keyframes hero-out{to{transform:translateY(90px) rotate(10deg); opacity:.35}}
@media (prefers-reduced-motion: reduce){
  .mb *,.mb *::before,.mb *::after{animation-duration:1ms !important; animation-iteration-count:1 !important; transition-duration:1ms !important}
}