/* Only the falling background is added to the current public page. */
body{position:relative;isolation:isolate;overflow-x:clip}
.topbar,.hero{position:relative;z-index:2}
.world{position:absolute;inset:0 0 auto;height:850px;overflow:hidden;pointer-events:none;z-index:0}
.world canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.scene-shade{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 36% 54% at 50% 32%,rgba(8,9,10,.94),rgba(8,9,10,.73) 45%,transparent 100%),linear-gradient(to bottom,rgba(8,9,10,.12),transparent 70%,#08090a);pointer-events:none}
.scene-motion{position:absolute;top:100px;right:36px;z-index:3;padding:8px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(17,19,21,.75);color:#a5abad;font:10px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;cursor:pointer;backdrop-filter:blur(10px)}
.scene-motion:hover{border-color:#b2b8ba;color:#fff}
.scene-motion:focus-visible{outline:2px solid #c5ff5b;outline-offset:4px}
.scene-fallback{position:absolute;left:var(--x);top:var(--y);width:var(--w);border-radius:12px;transform:rotate(var(--r));box-shadow:8px 20px 32px #0008;opacity:.24}
@media(max-width:760px){.scene-motion{top:85px;right:19px;font-size:9px;padding:7px 10px}.scene-shade{background:radial-gradient(ellipse 60% 45% at 50% 33%,#08090af0,#08090ab5 55%,transparent),linear-gradient(to bottom,transparent 50%,#08090a)}}
