/* Site-wide scroll depth: stars move least, gas/clouds move more, content scrolls normally. */
html.plx .pg-sky { overflow:visible }
html.plx .pg-sky .pg-stars { position:fixed!important; inset:0!important; height:100vh; pointer-events:none }
html.plx .pg-stars,html.plx .x-stars,html.plx .pg-bright { translate:0 var(--plx-y,0px); will-change:translate }
html.plx .x-stars { inset:-200px 0 0 }
html.plx .x-stars i { top:-200px }
/* Clouds: the wrapper is the clipping box and the dark nebula images have hard rectangular edges, so they must never be
   shifted inside it. Depth comes from a soft mask plus a scroll-driven drift that stays inside the wrapper. */
html.plx .sec-fx { will-change:auto; -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 220px,#000 calc(100% - 220px),transparent 100%); mask-image:linear-gradient(180deg,transparent 0,#000 220px,#000 calc(100% - 220px),transparent 100%) }
html.plx .x-hero .sec-fx,html.plx .x-hero-bg .sec-fx { -webkit-mask-image:none; mask-image:none }
html.plx .sec-fx i,html.plx .sec-fx::before,html.plx .sec-fx::after { translate:0 var(--plx-y,0px); will-change:translate }
html.plx .x-hero .sec-fx i,html.plx .x-hero .sec-fx::before,html.plx .x-hero .sec-fx::after,html.plx .x-hero-bg .sec-fx i,html.plx .x-final .sec-fx i,html.plx .x-final .sec-fx::before,html.plx .x-final .sec-fx::after { translate:none; will-change:auto }
html.wow.plx:not(.light) .sec-fx i,html.wow.plx:not(.light) .sec-fx i+i {
  -webkit-mask-image:radial-gradient(closest-side,#000 45%,rgba(0,0,0,.55) 72%,transparent 100%)!important;
  mask-image:radial-gradient(closest-side,#000 45%,rgba(0,0,0,.55) 72%,transparent 100%)!important;
}
/* Light mode normally hides the dot-grid stars. Bring them back subtly for the requested depth. */
html.light.plx .pg-stars { display:block; opacity:.42 }
html.light.plx .x-stars { display:block; opacity:.28 }
html.light.plx .pg-stars i { inset:-520px 0 -520px }
@media(max-width:759px),(prefers-reduced-motion:reduce) {
  html.plx .pg-stars,html.plx .x-stars,html.plx .pg-bright,html.plx .sec-fx i,html.plx .sec-fx::before,html.plx .sec-fx::after { translate:none; will-change:auto }
  html.light.plx .pg-stars,html.light.plx .x-stars { display:none }
}