/* =========================================================
   SALAMEH SALEM — HUMAN EXPERIENCE 3.0 / V9.3
   MOBILE FLOW STABILIZATION
   Keeps desktop V9/V9.2 choreography intact.
   Mobile uses native momentum + CSS cinematic zoom/crossfade.
   ========================================================= */
@media(max-width:820px){
  /* Mobile is intentionally GPU-light: same story, different renderer. */
  .hx92-home-page .hx9-canvas{display:none!important}
  .hx92-home-page .hx9-stage{contain:layout paint style;transform:translateZ(0);backface-visibility:hidden}
  .hx92-home-page .hx9-photo-stack{contain:paint;transform:translateZ(0)}
  .hx92-home-page .hx9-world-photo{
    opacity:var(--hx93-photo-a,0)!important;
    transform:translate3d(var(--hx93-photo-x,0px),var(--hx93-photo-y,0px),0) scale(var(--hx93-photo-scale,1.045))!important;
    transition:none!important;
    will-change:auto!important;
    backface-visibility:hidden;
  }
  .hx92-home-page .hx9-world-photo.hx93-near{will-change:transform,opacity!important}
  .hx92-home-page .hx9-copy{
    opacity:var(--hx93-copy-a,0)!important;
    transform:translate3d(0,var(--hx93-copy-y,12px),0)!important;
    transition:none!important;
    will-change:auto!important;
  }
  .hx92-home-page .hx9-copy.hx93-near{will-change:transform,opacity!important}
  .hx92-home-page .hx9-copy.is-active{pointer-events:auto!important}
  .hx92-home-page .hx9-copy:not(.is-active){pointer-events:none!important}

  /* Remove expensive live blurs over constantly moving imagery. */
  .hx92-home-page .hx9-copy .hx9-kicker,
  .hx92-home-page .hx9-copy .btn,
  .hx92-home-page .hx9-copy .hx9-scene-link,
  .hx92-mobile-journey-ui .chapter,
  body.hx92-page .mobile-app-dock,
  .hx92-mobile-service-bar,
  .hx92-mobile-reader-pill{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.hx92-page .mobile-app-dock{background:rgba(4,8,14,.965)!important;box-shadow:0 12px 34px rgba(0,0,0,.34)!important}
  .hx92-mobile-journey-ui .chapter{background:rgba(3,8,14,.82)!important}
  .hx92-home-page .hx9-copy .btn,.hx92-home-page .hx9-copy .hx9-scene-link{background:rgba(4,9,15,.84)!important}
  .hx92-home-page .hx9-copy .btn-primary{background:linear-gradient(135deg,#edd392,#ae7f38)!important}

  /* Stable phone viewport: browser chrome may move, the cinematic stage should not jump. */
  .hx92-home-page .hx9-experience{height:calc(var(--hx93-stable-vh,1vh)*760)!important}
  .hx92-home-page .hx9-stage,
  .hx92-service-page .service-hero,
  .hx92-insight-page .article-hero,
  .hx92-research-post .research-hero,
  .hx92-profile-page .hx3-profile-hero{height:calc(var(--hx93-stable-vh,1vh)*100)!important;min-height:calc(var(--hx93-stable-vh,1vh)*100)!important}

  /* Preserve motion, but avoid repaint-heavy decoration during touch scroll. */
  .hx92-home-page .hx9-scene-light{filter:none!important}
  .hx92-home-page .hx9-vignette,.hx92-home-page .hx9-photo-stack::after{will-change:auto!important}
  .hx92-home-page .hx9-glyphs,.hx92-home-page .hx9-massive,.hx92-home-page .hx9-hud,.hx92-home-page .hx9-rail{display:none!important}
  body.hx92-page main>section:not(.hx9-experience){content-visibility:auto;contain-intrinsic-size:700px}
}
@media(max-width:390px){
  .hx92-home-page .hx9-copy{left:18px!important;right:18px!important}
}


/* Final production polish: human-facing clarity only; motion architecture unchanged. */
.hx9-hud span{display:block;font-size:10px;font-weight:800;letter-spacing:.18em;color:#e8cf94;text-transform:uppercase;text-shadow:0 2px 14px #000}
@media(max-width:820px){
  .hx92-mobile-journey-ui .chapter{gap:0!important;padding-inline:11px!important}
  .hx92-mobile-journey-ui .chapter>span:last-child{color:#f0d99f!important;font-weight:800}
}