@property --fold{syntax:"<number>";inherits:true;initial-value:0}.dieline-fold-stage-module__srMuyG__stage{--u:.84px;--dim-l:96;--dim-w:56;--dim-h:128;--dim-tuck:16;--dim-dust:22;--dim-glue:12;--dim-inset:6;--dim-radius:9;--dim-glue-inset:6;--fit:1;--net-dx:-30;--net-dy:0;--vb-x:-100;--vb-y:-80;--vb-w:356;--vb-h:288;--mm:calc(var(--fit) * var(--u));--L:calc(var(--dim-l) * var(--mm));--W:calc(var(--dim-w) * var(--mm));--H:calc(var(--dim-h) * var(--mm));--tuck:calc(var(--dim-tuck) * var(--mm));--glue:calc(var(--dim-glue) * var(--mm));--dust:calc(var(--dim-dust) * var(--mm));--panel:var(--kraft);--ink-print:#16222e;--fold:0;--yaw:-35deg;--pitch:-21deg;--shade-front:0;--shade-right:0;--shade-back:0;--shade-left:0;--shade-top:0;--shade-bottom:0;--floor:1;--p-lines:clamp(0, calc(var(--fold) / .12), 1);--p-cam:clamp(0, calc(var(--fold) / .62), 1);--p-side:clamp(0, calc((var(--fold) - .04) / .4), 1);--p-back:clamp(0, calc((var(--fold) - .2) / .38), 1);--p-dust:clamp(0, calc((var(--fold) - .46) / .22), 1);--p-bottom:clamp(0, calc((var(--fold) - .5) / .24), 1);--p-lid:clamp(0, calc((var(--fold) - .62) / .26), 1);--p-tuck:clamp(0, calc((var(--fold) - .76) / .24), 1);transition:--fold 1.8s cubic-bezier(.65,0,.35,1);position:relative}.dieline-fold-stage-module__srMuyG__stage[data-scrubbing=true]{transition:none}.dieline-fold-stage-module__srMuyG__slider{width:100%;accent-color:var(--accent);cursor:grab}.dieline-fold-stage-module__srMuyG__slider:active{cursor:grabbing}@media (min-width:640px){.dieline-fold-stage-module__srMuyG__stage{--u:1.08px}}@media (min-width:1024px){.dieline-fold-stage-module__srMuyG__stage{--u:1.24px}}.dieline-fold-stage-module__srMuyG__frame{aspect-ratio:10/9;border:1px solid var(--line);border-radius:var(--radius-2xl);background-color:var(--surface);background-image:linear-gradient(to right, color-mix(in srgb, var(--line) 55%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--line) 55%, transparent) 1px, transparent 1px);background-size:calc(8 * var(--u)) calc(8 * var(--u));box-shadow:var(--elev-2);background-position:50%;position:relative;overflow:hidden}.dieline-fold-stage-module__srMuyG__frame:after{content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 42%, transparent 45%, color-mix(in srgb, var(--surface) 85%, transparent) 100%);position:absolute;inset:0}.dieline-fold-stage-module__srMuyG__reg{z-index:1;width:22px;height:22px;color:var(--foreground);opacity:.55;position:absolute}.dieline-fold-stage-module__srMuyG__scene{perspective:1900px;perspective-origin:50% 40%;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.dieline-fold-stage-module__srMuyG__scene:active{cursor:grabbing}.dieline-fold-stage-module__srMuyG__scene:focus-visible{outline:2px solid var(--accent);outline-offset:-8px;border-radius:calc(var(--radius-2xl) - 6px)}.dieline-fold-stage-module__srMuyG__floor{left:50%;top:calc(50% + (var(--dim-h) * .75 * var(--fit) + 10) * var(--u));width:calc((var(--dim-l) + var(--dim-w)) * 1.38 * var(--mm));height:calc(34 * var(--u));margin-left:calc((var(--dim-l) + var(--dim-w)) * -.69 * var(--mm));opacity:calc(var(--p-cam) * .9 * var(--floor));transform:scale(calc(.4 + var(--p-cam) * .6));background:radial-gradient(closest-side,#0f172047,#0000);border-radius:50%;position:absolute}.dieline-fold-stage-module__srMuyG__panel{transform-style:preserve-3d;background-color:var(--panel);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.24 0 0 0 0 0.15 0 0 0 0 0.06 0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(165deg,#ffffff1f,#fff0 45%,#3c240c0f);transition:background-color .3s;position:absolute;box-shadow:inset 0 0 0 1px #3c240c24}.dieline-fold-stage-module__srMuyG__panel:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:#000;position:absolute;inset:0;transform:translateZ(.6px)}.dieline-fold-stage-module__srMuyG__front{width:var(--L);height:var(--H);margin-left:calc(var(--L) / -2);margin-top:calc(var(--H) / -2);transform-origin:50% 50% calc(var(--W) / -2);transform:translate(calc((1 - var(--fold)) * var(--net-dx) * var(--mm)), calc((1 - var(--fold)) * var(--net-dy) * var(--mm))) rotateX(calc(var(--p-cam) * var(--pitch))) rotateY(calc(var(--p-cam) * var(--yaw)));scale:calc(1 + var(--p-cam) * .5);top:50%;left:50%}.dieline-fold-stage-module__srMuyG__sideR{width:var(--W);height:var(--H);transform-origin:0;transform:rotateY(calc(var(--p-side) * 90deg));top:0;left:100%}.dieline-fold-stage-module__srMuyG__front:after{opacity:calc(var(--shade-front) * var(--p-cam))}.dieline-fold-stage-module__srMuyG__sideR:after{opacity:calc(var(--shade-right) * var(--p-side))}.dieline-fold-stage-module__srMuyG__back{width:var(--L);height:var(--H);transform-origin:0;transform:rotateY(calc(var(--p-back) * 90deg));top:0;left:100%}.dieline-fold-stage-module__srMuyG__back:after{opacity:calc(var(--shade-back) * var(--p-back))}.dieline-fold-stage-module__srMuyG__sideL{width:var(--W);height:var(--H);transform-origin:100%;transform:rotateY(calc(var(--p-side) * -90deg));top:0;right:100%}.dieline-fold-stage-module__srMuyG__sideL:after{opacity:calc(var(--shade-left) * var(--p-side))}.dieline-fold-stage-module__srMuyG__glue{width:var(--glue);height:var(--H);transform-origin:100%;transform:rotateY(calc(var(--p-back) * -92deg));clip-path:polygon(0 calc(var(--dim-glue-inset) * var(--mm)), 100% 0, 100% 100%, 0 calc(100% - var(--dim-glue-inset) * var(--mm)));top:0;right:100%}.dieline-fold-stage-module__srMuyG__lid{width:var(--L);height:var(--W);transform-origin:50% 100%;transform:rotateX(calc(var(--p-lid) * 90deg));bottom:100%;left:0}.dieline-fold-stage-module__srMuyG__lid:after{opacity:calc(var(--shade-top) * var(--p-lid))}.dieline-fold-stage-module__srMuyG__tuck{width:var(--L);height:var(--tuck);border-radius:calc(var(--dim-radius) * var(--mm)) calc(var(--dim-radius) * var(--mm)) 0 0;transform-origin:50% 100%;transform:rotateX(calc(var(--p-tuck) * 96deg));bottom:100%;left:0}.dieline-fold-stage-module__srMuyG__bottom{width:var(--L);height:var(--W);transform-origin:50% 0;transform:rotateX(calc(var(--p-bottom) * -90deg));top:100%;left:0}.dieline-fold-stage-module__srMuyG__bottom:after{opacity:calc(var(--shade-bottom) * var(--p-bottom))}.dieline-fold-stage-module__srMuyG__bottomTuck{width:var(--L);height:var(--tuck);border-radius:0 0 calc(var(--dim-radius) * var(--mm)) calc(var(--dim-radius) * var(--mm));transform-origin:50% 0;transform:rotateX(calc(var(--p-bottom) * -96deg));top:100%;left:0}.dieline-fold-stage-module__srMuyG__dustTop{width:var(--W);height:var(--dust);transform-origin:50% 100%;transform:rotateX(calc(var(--p-dust) * 96deg));clip-path:polygon(calc(var(--dim-inset) * var(--mm)) 0, calc(100% - var(--dim-inset) * var(--mm)) 0, 100% 100%, 0 100%);bottom:100%;left:0}.dieline-fold-stage-module__srMuyG__dustBottom{width:var(--W);height:var(--dust);transform-origin:50% 0;transform:rotateX(calc(var(--p-dust) * -96deg));clip-path:polygon(0 0, 100% 0, calc(100% - var(--dim-inset) * var(--mm)) 100%, calc(var(--dim-inset) * var(--mm)) 100%);top:100%;left:0}.dieline-fold-stage-module__srMuyG__print{backface-visibility:hidden;pointer-events:none;position:absolute;inset:0;transform:translateZ(.3px)}.dieline-fold-stage-module__srMuyG__band{left:0;right:0;top:calc(var(--dim-h) * .656 * var(--mm));height:calc(var(--dim-h) * .14 * var(--mm));background:var(--ink-print);box-shadow:0 calc(var(--dim-h) * .023 * var(--mm)) 0 0 #00a0e3;position:absolute}.dieline-fold-stage-module__srMuyG__frontMark{left:50%;top:calc(var(--dim-h) * .203 * var(--mm));width:calc(min(var(--dim-l), var(--dim-h)) * .354 * var(--mm));height:calc(min(var(--dim-l), var(--dim-h)) * .354 * var(--mm));margin-left:calc(min(var(--dim-l), var(--dim-h)) * -.177 * var(--mm));color:var(--ink-print);position:absolute}.dieline-fold-stage-module__srMuyG__lidMark{width:calc(min(var(--dim-l), var(--dim-w)) * .46 * var(--mm));height:calc(min(var(--dim-l), var(--dim-w)) * .46 * var(--mm));margin:calc(min(var(--dim-l), var(--dim-w)) * -.23 * var(--mm)) 0 0 calc(min(var(--dim-l), var(--dim-w)) * -.23 * var(--mm));position:absolute;top:50%;left:50%}.dieline-fold-stage-module__srMuyG__bottomText{font-family:var(--font-sans);font-size:calc(min(var(--dim-l), var(--dim-w)) * .125 * var(--mm));font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.03em;color:#281a0a8c;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0;transform:rotate(180deg)}.dieline-fold-stage-module__srMuyG__frontWord{inset-inline:0;top:calc(var(--dim-h) * .656 * var(--mm));height:calc(var(--dim-h) * .14 * var(--mm));white-space:nowrap;font-family:var(--font-display);font-weight:600;font-size:calc(min(var(--dim-h) * .086, var(--dim-l) * .12) * var(--mm));letter-spacing:.04em;color:#f4ead9;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.dieline-fold-stage-module__srMuyG__lines{left:calc(var(--vb-x) * var(--mm));top:calc(var(--vb-y) * var(--mm));width:calc(var(--vb-w) * var(--mm));height:calc(var(--vb-h) * var(--mm));pointer-events:none;opacity:calc(1 - var(--p-lines));position:absolute;overflow:visible;transform:translateZ(1px)}.dieline-fold-stage-module__srMuyG__cut{fill:none;stroke:var(--cut);stroke-width:calc(1.6 / var(--fit));stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;animation:1.1s cubic-bezier(.45,0,.2,1) .15s both dieline-fold-stage-module__srMuyG__draw}.dieline-fold-stage-module__srMuyG__crease{fill:none;stroke:var(--crease);stroke-width:calc(1.3 / var(--fit));stroke-dasharray:calc(4 / var(--fit)) calc(3 / var(--fit));animation:.5s ease-out .9s both dieline-fold-stage-module__srMuyG__appear}.dieline-fold-stage-module__srMuyG__dim{fill:none;stroke:var(--muted);stroke-width:calc(.8 / var(--fit))}.dieline-fold-stage-module__srMuyG__dimText{fill:var(--muted);font-family:var(--font-sans);font-size:calc(9px / var(--fit));font-variant-numeric:tabular-nums;font-weight:600}.dieline-fold-stage-module__srMuyG__dims{animation:.5s ease-out 1.1s both dieline-fold-stage-module__srMuyG__appear}@keyframes dieline-fold-stage-module__srMuyG__draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes dieline-fold-stage-module__srMuyG__appear{0%{opacity:0}to{opacity:1}}.dieline-fold-stage-module__srMuyG__legendSwatch{vertical-align:middle;border-top-width:2px;width:22px;height:0;display:inline-block}.dieline-fold-stage-module__srMuyG__legendCut{border-top-style:solid;border-top-color:var(--cut)}.dieline-fold-stage-module__srMuyG__legendCrease{border-top-style:dashed;border-top-color:var(--crease)}
