/* The assembled, readable composition is the default, including without JS. */
.assembly-story{--assembly-accent:#d3efb5;--assembly-secondary:#a8c4a9;--assembly-surface:#1b2925;--assembly-ink:#edf3e8;--assembly-muted:#b6c6bc;background:#101a16;color:var(--assembly-ink);position:relative;isolation:isolate;padding:85px max(5vw,calc((100vw - 1420px)/2));overflow:clip}
.assembly-story:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 74% 50%,#779b7020,transparent 57%);pointer-events:none}
.assembly-stage{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,6vw,100px);align-items:center;max-width:1420px;margin:auto}
.assembly-copy{min-width:0;position:relative;z-index:2}.assembly-kicker{font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.7px;color:var(--assembly-accent);margin:0 0 22px}.assembly-copy h2{font-family:inherit;font-weight:500;font-size:clamp(34px,3.55vw,56px);line-height:1.08;letter-spacing:-2px;margin:0 0 25px}.assembly-copy h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--assembly-accent)}.assembly-intro{font-size:14px;line-height:1.85;color:var(--assembly-muted);max-width:390px;margin:0}
.assembly-steps{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:0;max-width:370px}.assembly-steps li{display:grid;grid-template-columns:27px 1fr;gap:12px;border-top:1px solid #c9e0cf26;padding:15px 0;color:var(--assembly-muted);font-size:12px;line-height:1.55;transition:color .22s}.assembly-steps b{font:10px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--assembly-secondary);font-weight:400}.assembly-steps strong{font-weight:600;color:var(--assembly-ink);display:block;margin-bottom:3px}.assembly-cue{font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:var(--assembly-muted);display:none;align-items:center;gap:12px;margin:24px 0 0}.assembly-cue span{font-size:17px;color:var(--assembly-accent)}
.assembly-visual{position:relative;min-width:0;padding:25px 12px 38px;perspective:1100px}.assembly-panel{max-width:610px;margin:0 auto;border:1px solid #a6c4ad36;border-radius:18px;background:linear-gradient(145deg,#b2c4b10c,#4d665009);padding:19px;box-shadow:0 35px 70px #0003;position:relative}.assembly-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #e7f1db0e}.assembly-topline{display:flex;justify-content:space-between;align-items:center;color:#b8cbbd;font:8px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.5px;gap:10px;padding:0 3px 17px}.assembly-windowdots{letter-spacing:3px;color:#6d8974;white-space:nowrap}.assembly-indicator{display:flex;align-items:center;gap:6px;color:var(--assembly-accent);font-size:7px;letter-spacing:.5px}.assembly-indicator:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.assembly-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;transform-style:preserve-3d}.assembly-piece{position:relative;min-width:0;min-height:175px;padding:19px;border:1px solid #a1c0ac3d;background:linear-gradient(135deg,#293a33,#1c2a24 72%);border-radius:11px;box-shadow:0 10px 20px #0002;transform:translate3d(var(--piece-x,0px),var(--piece-y,0px),0) rotate(var(--piece-turn,0deg)) rotateX(var(--piece-tilt,0deg));transform-origin:center;backface-visibility:hidden}.assembly-piece:nth-child(2){background:linear-gradient(135deg,#2a3b33,#21332a)}.assembly-piece:nth-child(3){background:linear-gradient(135deg,#263632,#1b2c28)}.assembly-piece:nth-child(4){background:linear-gradient(135deg,#283931,#1a2923)}.assembly-piece-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d1e7d119;padding-bottom:13px;margin-bottom:16px}.assembly-piece h3{font-family:inherit;font-size:12px;letter-spacing:0;margin:0;font-weight:600;line-height:1.4;color:var(--assembly-ink)}.assembly-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--assembly-accent);background:#d3efb50b;border:1px solid #b5d0a626}.assembly-symbol svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.assembly-piece p{font-size:10px;line-height:1.6;color:var(--assembly-muted);margin:0}.assembly-value{display:block;color:var(--assembly-ink);font-size:18px;font-weight:550;letter-spacing:-.4px;margin:0 0 8px}.assembly-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:9px;font-size:9px;color:var(--assembly-muted)}.assembly-pill{font-size:7px;color:var(--assembly-accent);background:#b7d2a30e;border:1px solid #b7d2a325;border-radius:5px;padding:4px 6px;white-space:nowrap}.assembly-trace{display:flex;gap:6px;align-items:center;margin:17px 0 9px}.assembly-trace i{height:6px;width:6px;border:1px solid var(--assembly-accent);border-radius:50%;background:#98b38822}.assembly-trace span{height:1px;flex:1;background:#a9c4b250}.assembly-bars{height:35px;display:flex;align-items:flex-end;gap:7px;margin:9px 0 0}.assembly-bars i{height:var(--bar,70%);flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#bdd7a8,#64837455);border:1px solid #aec79a40;border-bottom:0}.assembly-foot{display:flex;justify-content:space-between;gap:20px;margin:17px 3px 0;font:7px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.3px;color:#a0b7a7}.assembly-foot strong{color:var(--assembly-accent);font-weight:400}.assembly-disclaimer{font-size:9px;line-height:1.7;color:#9eb1a4;text-align:center;max-width:500px;margin:22px auto 0}.assembly-rail{position:absolute;height:2px;background:#d3efb51a;bottom:0;left:12px;right:12px;overflow:hidden;border-radius:2px;display:none}.assembly-rail:before{content:"";display:block;height:100%;background:var(--assembly-accent);transform-origin:left;transform:scaleX(var(--assembly-progress,1))}
.motion-enabled.assembly-story{height:200svh;min-height:1280px;padding-block:0;overflow:clip}.motion-enabled .assembly-stage{position:sticky;top:12svh;height:76svh;max-height:760px;min-height:490px}.motion-enabled .assembly-cue,.motion-enabled .assembly-rail{display:flex}.motion-enabled .assembly-steps li{opacity:.62}.motion-enabled[data-motion-step="0"] .assembly-steps li:nth-child(1),.motion-enabled[data-motion-step="1"] .assembly-steps li:nth-child(2),.motion-enabled[data-motion-step="2"] .assembly-steps li:nth-child(3){opacity:1;color:var(--assembly-ink)}.motion-enabled[data-motion-step="2"] .assembly-panel{border-color:#bcd5a764;box-shadow:0 30px 70px #0003,0 0 60px #aad19208}
[data-motion-parallax]{translate:0 var(--parallax-y,0px)}.motion-capable .hero-art .ship-float,.motion-capable .hero-art .orbit-stars{animation-play-state:paused}.motion-capable .hero-art.motion-near .ship-float,.motion-capable .hero-art.motion-near .orbit-stars{animation-play-state:running}.motion-paused .ship-float,.motion-paused .orbit-stars{animation-play-state:paused!important}
@media(min-width:1600px){.assembly-stage{gap:130px}.assembly-piece{min-height:185px;padding:22px}.assembly-copy h2{font-size:58px}.assembly-intro{font-size:15px}}
@media(max-width:1100px){.assembly-stage{gap:35px;grid-template-columns:.85fr 1.15fr}.assembly-piece{padding:14px;min-height:162px}.assembly-piece-head{margin-bottom:12px;padding-bottom:10px}.assembly-visual{padding-inline:0}.assembly-copy h2{font-size:37px}.assembly-panel{padding:14px}.assembly-steps{margin-top:20px}.assembly-intro{font-size:13px}.assembly-symbol{height:24px;width:24px}}
@media(max-width:959px){.assembly-story{padding:65px 6vw}.assembly-stage{grid-template-columns:1fr;gap:25px;max-width:660px}.assembly-copy h2{font-size:clamp(34px,6vw,48px);letter-spacing:-1.5px}.assembly-intro{font-size:14px;max-width:550px}.assembly-steps{max-width:none;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.assembly-steps li{display:block;font-size:10px;padding-top:12px}.assembly-steps b{display:block;margin-bottom:8px}.assembly-steps strong{font-size:11px}.assembly-visual{padding:12px 0 0}.assembly-piece{min-height:170px;padding:18px}.assembly-disclaimer{font-size:9px}.assembly-topline{font-size:8px}.assembly-story [data-motion-parallax],[data-motion-parallax]{translate:none}}
@media(max-width:420px){.assembly-story{padding:55px 5vw}.assembly-copy h2{font-size:34px}.assembly-kicker{font-size:8px}.assembly-steps{gap:11px}.assembly-steps li{font-size:9px;line-height:1.6}.assembly-steps strong{font-size:10px}.assembly-panel{padding:11px;border-radius:13px}.assembly-grid{gap:8px}.assembly-piece{padding:12px;min-height:155px;border-radius:8px}.assembly-piece h3{font-size:10px}.assembly-piece-head{gap:6px;margin-bottom:13px}.assembly-symbol{height:22px;width:22px;border-radius:6px}.assembly-symbol svg{height:14px;width:14px}.assembly-value{font-size:15px}.assembly-piece p{font-size:9px}.assembly-row{font-size:8px;gap:5px}.assembly-pill{font-size:6px;padding:3px 5px}.assembly-topline{font-size:6px;padding-bottom:13px;gap:5px}.assembly-indicator{font-size:6px}.assembly-foot{font-size:6px;gap:10px}.assembly-disclaimer{font-size:8px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){[data-motion-parallax]{translate:none!important}.assembly-piece{transform:none!important}.assembly-story{height:auto!important;min-height:0!important;padding-block:65px!important}.assembly-stage{position:relative!important;top:auto!important;height:auto!important;min-height:0!important}.assembly-cue,.assembly-rail{display:none!important}.assembly-steps li{opacity:1!important}}
@media print{.assembly-story{height:auto!important;min-height:0!important;padding:30px;background:white;color:black;break-inside:avoid}.assembly-stage{position:relative!important;top:auto!important;height:auto!important;min-height:0!important}.assembly-copy h2,.assembly-copy p,.assembly-steps strong{color:black}.assembly-copy h2 em,.assembly-kicker{color:#34532f}.assembly-visual{display:none}.assembly-cue,.assembly-rail{display:none!important}}
