:root{--s:clamp(1vw, 180px, 5vw);--isoX:-35.264deg;--isoY:32deg;--glass-rgb:47 107 255;--glass-rgb-fake:47 107 0;--glass-blur:8px;--glass-sat:160%;--glass-bright:1.05;--lift-top:0px;--fold-left:0deg;--fold-right:0deg;--fold-back:0deg;--sheet-w-mul:5.5;--sheet-h-mul:3.5;--sheet-lift:calc(var(--s) * -1.2);--sheet-opacity:0;--plate-gap:calc(var(--s) * 0.12);--metal-amt:0;--metal-a:#cfd4da;--metal-b:#9098a1;--coat-color:#2f6bff;--coat-amt:0}.stage{width:100%;display:block}#cube-wrapper{perspective:1e3px}#cube,#tGroup{transform-style:preserve-3d}.stage .cube-viewport{position:relative;width:100%;aspect-ratio:16/9;overflow:visible;perspective:none;-webkit-perspective:none}.stage .cube-camera{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateX(var(--isoX))rotateY(var(--isoY))}.stage .cube-world{position:relative;width:var(--s);height:var(--s);transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.stage .cube{position:absolute;inset:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.stage .face{position:absolute;top:50%;left:50%;width:var(--s);height:var(--s);transform-origin:center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:.875rem;overflow:hidden;background:linear-gradient(135deg,rgb(var(--glass-rgb)/.22),rgb(var(--glass-rgb)/.08)),radial-gradient(120% 120% at 0% 0%,rgb(255 255 255/.28),transparent 60%);backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-sat))brightness(var(--glass-bright));-webkit-backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-sat))brightness(var(--glass-bright));border-color:color-mix(in oklab,rgb(var(--glass-rgb)) 35%,#aeb4bb);box-shadow:0 8px 24px rgb(0 0 0/.28),inset 0 0 0 1px rgb(255 255 255/6%);backface-visibility:visible}.stage .face-inner{position:absolute;inset:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.stage .face-inner::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,var(--metal-a),var(--metal-b)),repeating-linear-gradient(90deg,rgba(255,255,255,8%) 0 1px,transparent 1px 7px);box-shadow:inset 0 0 30px rgba(0,0,0,.2);opacity:var(--metal-amt);transition:opacity .2s linear}.stage .face-inner::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(150deg,color-mix(in srgb,var(--coat-color) 85%,transparent) 0%,#2f4ed6 70%),radial-gradient(130% 140% at 20% 10%,color-mix(in srgb,var(--coat-color) 70%,white 18%) 0 25%,transparent 60%);filter:saturate(1.12)brightness(1.02);opacity:var(--coat-amt,0);transition:opacity .15s linear}.stage .face::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom right,rgb(255 255 255/.22) 0%,transparent 40% 60%,rgb(0 0 0/.1) 100%);mix-blend-mode:screen;opacity:.6}.stage .face::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgb(255 255 255/6%);pointer-events:none}.stage #right{transform:translate(-50%,-50%)rotateY(-90deg)translateZ(calc(var(--s) * -.5))rotateX(var(--fold-right));transform-origin:50% 100% 0;z-index:4}.stage #left{transform:translate(-50%,-50%)rotateY(-90deg)translateZ(calc(var(--s) * .5))rotateX(var(--fold-left));transform-origin:50% 100% 0;z-index:3}.stage #top{transform:translate(-50%,-50%)rotateX(90deg)translateZ(calc(var(--s) * .5 + var(--lift-top)));z-index:5}.stage #bottom{transform:translate(-50%,-50%)rotateX(90deg)translateZ(calc(var(--s) * -.5));z-index:2}.stage #back{transform:translate(-50%,-50%)rotateX(0)translateZ(calc(var(--s) * -.5))rotateX(var(--fold-back));transform-origin:50% 100% 0;z-index:1}.stage .face .weld{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0}.stage .face .weld svg{width:100%;height:100%;display:block}#sheet{position:relative;perspective:none;transform-style:preserve-3d}.laser,.nesting{position:absolute;top:50%;left:50%;width:clamp(260px,40vw,640px);aspect-ratio:400/245;transform:translate(-50%,-50%);transform-style:preserve-3d;backface-visibility:visible;padding:0 10px;border-radius:14px}.nesting svg{width:100%;height:100%;display:block;opacity:0}.laser svg{width:40%;height:97%;display:block;opacity:0}.weld svg path,.laser svg path{filter:drop-shadow(0 0 4px rgba(8,8,7,.9))drop-shadow(0 0 8px rgba(255,140,0,.5))}.laser svg *,.nesting svg *{transform-box:fill-box;transform-origin:center}@media(prefers-reduced-transparency:reduce){.stage .face{backdrop-filter:none;-webkit-backdrop-filter:none}}@media(min-width:768px) and (max-width:1279px){:root{--s:clamp(140px, 16vw, 180px);--glass-blur:7px}.stage .cube-viewport{aspect-ratio:4/3}.stage .face{border-radius:.625rem}}@media(max-width:767px){:root{--s:clamp(140px, 35vw, 180px);--glass-blur:5px;--glass-sat:140%;--isoX:-30deg;--isoY:35deg}.stage .cube-viewport{aspect-ratio:1/1;min-height:400px}.stage .cube-camera{padding:20px}.laser,.nesting{width:clamp(200px,70vw,300px);padding:0 5px;border-radius:10px}.laser svg{width:50%}.stage .face{border-radius:.5rem;box-shadow:0 4px 16px rgb(0 0 0/.24),inset 0 0 0 1px rgb(255 255 255/6%)}}@media(max-width:480px){:root{--s:clamp(48px, 12vw, 100px);--glass-blur:4px}.stage .cube-viewport{min-height:350px}.face{border-radius:.375rem}.laser{transform:translate(-50%,-50%)translate(-13px,0)rotateX(90deg)!important}}