/* Fixed ascending path behind homepage content. Never skews or restyles UI chrome.
   Desktop only — mobile (max-width: 840px) keeps the ordinary homepage chrome. */
#sf-path-world {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
  display: block;
}

body.sf-home.sf-path-on .site-shell {
  position: relative;
  z-index: 1;
}

/* Keep page ground matching the path clear colour; do not translucent-wash panels. */
body.sf-home.sf-path-on {
  background: #071018;
}

body.sf-home.sf-path-on .bg-grid,
body.sf-home.sf-path-on .bg-noise,
body.sf-home.sf-path-on .bg-orb,
body.sf-home.sf-path-on .tm-watermark {
  display: none;
}

@media (max-width: 840px) {
  #sf-path-world {
    display: none !important;
  }

  body.sf-home.sf-path-on {
    background: none;
  }

  body.sf-home.sf-path-on .bg-grid,
  body.sf-home.sf-path-on .bg-noise,
  body.sf-home.sf-path-on .bg-orb,
  body.sf-home.sf-path-on .tm-watermark {
    display: revert;
  }
}