.assembly-story{--assembly:0;--turn:0deg;border-block:1px solid var(--border);background:radial-gradient(at 55% 48%,#202b1c 0%,#101211 62%);height:240vh;margin-block:30px 80px;position:relative}.assembly-sticky{flex-direction:column;justify-content:space-between;max-width:1440px;height:100svh;min-height:760px;margin:auto;padding:42px 80px 34px;display:flex;position:sticky;top:0;overflow:hidden}.assembly-heading{z-index:2;pointer-events:none;max-width:650px}.assembly-heading h2{font-family:var(--display);letter-spacing:-.035em;margin:16px 0;font-size:clamp(30px,3.5vw,48px);line-height:1.1}.assembly-heading>p:last-child{color:var(--muted);max-width:560px;font-size:15px;line-height:1.7}.assembly-viewport{perspective:1100px;--mouse-x:0deg;--mouse-y:0deg;place-items:center;display:grid;position:absolute;inset:190px 0 120px}.assembly-world{width:600px;height:420px;transform-style:preserve-3d;transform:rotateX(calc(52deg + var(--mouse-y))) rotateZ(calc(-26deg + var(--turn) + var(--mouse-x)));transition:transform .25s ease-out;position:relative}.foundation{transform-style:preserve-3d;background:linear-gradient(140deg,#293226,#151c15);border:1px solid #718c48;border-radius:20px;position:absolute;inset:-20px 0;box-shadow:0 18px #0c100c,0 19px #34482a}.foundation-bottom{opacity:.65;background:repeating-linear-gradient(0deg,#0000 0 39px,#354a2a 40px),repeating-linear-gradient(90deg,#172015 0 39px,#354a2a 40px);transform:translateZ(-110px)}.foundation-middle{transform:translateZ(calc(-70px + var(--assembly)*18px));opacity:.9;background:#192317;inset:0 20px}.foundation-top{background:linear-gradient(125deg,#273321ee,#182017);border-color:#536f3a;inset:20px 35px;transform:translateZ(-10px)}.assembly-wires{color:#cf6;stroke-width:1.3px;width:600px;height:420px;opacity:calc(.18 + var(--assembly)*.82);position:absolute;inset:0;overflow:visible;transform:translateZ(3px)}.wire-signal{stroke-width:4px;stroke-dasharray:14 600;stroke-dashoffset:600px;opacity:0}.send-pulse .wire-signal{animation:2.3s ease-out 2 assembly-signal}.send-pulse .second{animation-delay:.3s}.core-block-3d{color:#101609;background:#cf6;border:1px solid #e7ffaa;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:120px;height:120px;display:flex;position:absolute;top:150px;left:240px;transform:translateZ(30px);box-shadow:0 8px #83a63f,0 9px #cf6,0 24px 35px #0008}.core-block-3d img{filter:brightness(.13);width:48px;height:48px}.core-block-3d>span{font:9px var(--mono);letter-spacing:.07em}.assembly-module{color:#edf3e5;width:140px;height:100px;transform-style:preserve-3d;transform:translate3d(var(--x),calc(var(--y) + (1 - var(--assembly))*var(--offset)),calc(20px + (1 - var(--assembly))*110px));cursor:pointer;background:linear-gradient(135deg,#35432f,#1b241a);border:1px solid #738b5c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:background .2s,border-color .2s;display:flex;position:absolute;top:160px;left:230px;box-shadow:0 8px #101a10,0 9px #435b31,0 25px 28px #0006}.assembly-module strong{font:12px var(--body);font-weight:500}.module-icon{color:#cf6;font-size:25px;line-height:1}.module-port{background:#cf6;border-radius:50%;width:5px;height:5px;position:absolute;bottom:8px;right:10px;box-shadow:0 0 10px #cf6}.assembly-module:hover,.assembly-module.selected{background:linear-gradient(135deg,#536b36,#293b20);border-color:#cf6}.assembly-module:focus-visible{outline-offset:8px;outline:3px solid #f0f2e8}.assembly-bottom{z-index:2;pointer-events:none;justify-content:space-between;gap:40px;margin-top:auto;display:flex;position:relative}.assembly-detail{background:#101211ed;border-left:1px solid #cf6;max-width:490px;min-height:135px;padding:18px 22px}.assembly-detail>.mono{color:#cf6;font-size:10px}.assembly-detail h3{margin:8px 0;font-size:20px;line-height:1.3}.assembly-detail p{color:var(--muted);font-size:13px;line-height:1.7}.assembly-controls{pointer-events:auto;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.assembly-controls button{color:#cf6;background:#1a2418;border:1px solid #536444;border-radius:4px;padding:10px 16px;font-size:12px}.assembly-controls button:nth-child(2){color:var(--muted);border-color:var(--border);background:#101211}.assembly-controls>.mono{color:var(--muted);margin-top:8px;font-size:9px}.scene-paused .wire-signal{animation:none}.scene-paused .assembly-world{transition:none}@keyframes assembly-signal{0%{stroke-dashoffset:600px;opacity:0}10%{opacity:1}90%{opacity:1}to{stroke-dashoffset:-600px;opacity:0}}@media (max-width:1100px){.assembly-sticky{padding-inline:40px}.assembly-world{scale:.84}.assembly-viewport{inset:180px 0 140px}.assembly-heading{max-width:520px}}@media (max-width:767px){.assembly-story{height:200svh;margin-block:0 40px}.assembly-sticky{min-height:730px;padding:28px 24px}.assembly-heading h2{font-size:30px}.assembly-heading>p:last-child{font-size:13px}.assembly-heading>.eyebrow{font-size:9px}.assembly-viewport{perspective:850px;inset:170px 0 225px}.assembly-world{scale:.52}.assembly-bottom{flex-direction:column;gap:14px}.assembly-detail{min-height:118px;padding:12px 16px}.assembly-detail h3{font-size:18px}.assembly-detail p{font-size:12px}.assembly-controls{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:8px}.assembly-controls button{padding:8px 10px;font-size:11px}.assembly-controls>.mono{width:100%;margin:0;font-size:8px}}@media (prefers-reduced-motion:reduce){.assembly-world{transition:none;transform:rotateX(52deg)rotate(-20deg)}.assembly-module{transform:translate3d(var(--x),var(--y),20px)}.assembly-wires{opacity:1}.wire-signal{animation:none!important}.assembly-story{height:auto}.assembly-sticky{position:relative}.foundation-middle{transform:translateZ(-52px)}}#main .assembly-story{background:0 0;border:0;width:calc(100% - 64px);max-width:1440px;margin:48px auto 96px}#main .assembly-story:before,#main .assembly-story:after{content:none}#main .assembly-sticky{isolation:isolate;height:calc(100svh - 48px);min-height:720px;padding:32px 40px;top:24px}#main .assembly-sticky:before{content:"";z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(22px)saturate(.75);backdrop-filter:blur(22px)saturate(.75);background:radial-gradient(at 55% 48%,#1f2b1c,#0000 65%),#121712;border:1px solid #cfff6652;border-radius:20px;position:absolute;inset:0;box-shadow:inset 0 1px #f1ffdc18,0 24px 80px #0003}#main .assembly-heading{max-width:650px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}#main .assembly-viewport{inset:190px 0 160px}#main .assembly-detail{max-width:490px;min-height:140px}@media (max-width:1100px){#main .assembly-story{width:calc(100% - 40px)}#main .assembly-sticky{padding:28px}#main .assembly-world{scale:.74}}@media (max-width:767px){#main .assembly-story{width:calc(100% - 24px);margin-block:24px 48px}#main .assembly-sticky{height:calc(100svh - 24px);min-height:730px;padding:24px 20px;top:12px}#main .assembly-sticky:before{border-radius:14px}#main .assembly-viewport{inset:200px 0 245px}#main .assembly-world{scale:.43}#main .assembly-detail{min-height:118px;padding:16px}#main .assembly-heading h2{font-size:28px}}@media (prefers-reduced-motion:reduce){#main .assembly-sticky{top:0}}.assembly-viewport{display:block}.assembly-world{margin:-210px 0 0 -300px;position:absolute;top:50%;left:50%}#main .assembly-story{overflow-x:clip}