.production-story{--story-violet:#6c3bff;--story-ink:#19152b;--story-muted:#655e74;--story-border:#e5e0ed;width:100%;color:var(--story-ink);border:1px solid var(--story-border);background:#fff;border-radius:24px;font-family:Segoe UI,Arial,sans-serif;overflow:hidden;box-shadow:0 30px 90px -55px #39236f66}.production-story *,.production-story :before,.production-story :after{box-sizing:border-box}.story-topline{border-bottom:1px solid var(--story-border);justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:18px 30px;display:flex}.story-topline>div{align-items:center;gap:10px;font-size:13px;display:flex}.story-topline strong{font-weight:650}.story-project-dot{background:var(--story-violet);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #f2eeff}.story-project-type{color:var(--story-muted)}.story-example-label{color:#655e74;letter-spacing:.02em;border:1px solid #e5e0ed;border-radius:5px;flex-shrink:0;padding:6px 9px;font:10px/1.3 Consolas,monospace}.story-tabs{background:#f3f0f8;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:20px 24px;padding:5px;display:grid}.story-tabs[hidden],.story-panel[hidden]{display:none!important}.story-tabs button{color:#655e74;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 10px;font:600 14px/1.3 Segoe UI,Arial,sans-serif;transition:color .18s,background .18s,box-shadow .18s;display:flex}.story-tabs button span{color:#756c8a;font:11px/1.3 Consolas,monospace}.story-tabs button:hover{color:var(--story-ink);background:#ffffff70}.story-tabs button[aria-selected=true]{color:var(--story-violet);background:#fff;border-color:#e4dced;box-shadow:0 3px 8px #21153908}.story-tabs button[aria-selected=true] span{color:var(--story-violet)}.story-tabs button:focus-visible,.story-panel:focus-visible{outline:3px solid var(--story-violet);outline-offset:3px}.story-panel{border:1px solid var(--story-border);background:#fff;border-radius:16px;grid-template-columns:1.05fr 1fr;min-height:490px;margin:0 24px 24px;display:grid;overflow:hidden}.production-story:not([data-enhanced]) .story-panel{margin-top:24px}.production-story[data-enhanced] .story-panel{animation:.26s ease-out both story-panel-enter}.story-stage{border-right:1px solid var(--story-border);isolation:isolate;background:radial-gradient(at 50% 38%,#fff 0%,#f0eaf9 65%,#e9e2f4 100%);justify-content:center;align-items:center;min-height:490px;display:flex;position:relative;overflow:hidden}.story-stage-grid{z-index:-1;opacity:.55;background-image:linear-gradient(#a79bb21c 1px,#0000 1px),linear-gradient(90deg,#a79bb21c 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;mask-image:linear-gradient(#0000 5%,#000 90%)}.story-stage-overline{color:#736887;letter-spacing:.12em;font:10px/1.5 Consolas,monospace;position:absolute;top:30px;left:30px;right:22px}.story-stage-caption{color:#72677f;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;font:10px/1.5 Consolas,monospace;display:flex;position:absolute;bottom:23px;left:24px;right:24px}.story-stage-caption>span:first-child{color:#5a3b8a}.story-narrative{padding:35px clamp(24px,4vw,48px) 28px}.story-eyebrow{color:#6c3bff;letter-spacing:.1em;text-transform:uppercase;margin:0 0 15px;font:10px/1.5 Consolas,monospace}.story-narrative h3{letter-spacing:-.045em;margin:0;font:700 clamp(27px,2.65vw,36px)/1.1 Trebuchet MS,Segoe UI,sans-serif}.story-description{max-width:390px;color:var(--story-muted);margin:19px 0 0;font-size:14px;line-height:1.7}.story-facts{margin:23px 0 0}.story-facts>div{border-bottom:1px solid #eeeaf3;justify-content:space-between;align-items:center;gap:15px;padding:11px 0;display:flex}.story-facts dt{color:var(--story-muted);font-size:12px}.story-facts dd{margin:0;font-size:13px;font-weight:600}.story-facts .story-fact-emphasis{margin-top:2px;padding-block:15px}.story-fact-emphasis dd{letter-spacing:-.04em;font:700 31px/1.1 Trebuchet MS,sans-serif}.story-fact-emphasis dd span{color:#7e748f;font-size:18px;font-weight:400}.story-context{color:#6d657b;align-items:flex-start;gap:8px;margin:22px 0 0;font-size:11px;line-height:1.65;display:flex}.story-context>span{color:var(--story-violet);flex-shrink:0;font-size:17px;line-height:1}.story-spool{filter:drop-shadow(0 28px 20px #35244432);width:236px;height:252px;position:absolute;top:104px;left:calc(50% - 118px);transform:rotate(-12deg)}.story-spool-back{background:linear-gradient(110deg,#514a61,#252030 70%);border:3px solid #24202c;border-radius:50%;width:179px;height:235px;position:absolute;top:8px;right:0;box-shadow:inset -8px 0 12px #130e21}.story-spool-thread{background:repeating-linear-gradient(89deg,#0000 0 3px,#34048565 4px 5px),linear-gradient(#bd9dff 0%,#8852f1 20%,#6c3bff 45%,#5828c7 74%,#a477ee 100%);border-radius:23% 48% 48% 23%;width:158px;height:182px;position:absolute;top:37px;left:42px;box-shadow:inset 0 3px 3px #d6baff,inset 0 -7px 14px #361277}.story-spool-front{background:radial-gradient(at 50% 49%,#17111f 0 18%,#6b6278 19% 20%,#292333 21% 30%,#494151 31% 32%,#3a3345 33% 52%,#524a60 54% 55%,#3e364b 56% 63%,#71677f 64% 65%,#342b41 66%);border:3px solid #322c3c;border-radius:50%;width:181px;height:237px;position:absolute;top:4px;left:0;box-shadow:inset 9px 2px 13px #a092b545,inset -7px -3px 14px #0e091b77,-7px 0 #21192c}.story-spool-front i{background:linear-gradient(140deg,#b4a7c8,#79708f);border:4px solid #6d637c;border-radius:50%;width:56px;height:68px;position:absolute;top:85px;left:58px;box-shadow:inset 8px 3px 8px #191025b0}.story-spool-front>span,.story-spool-front>b{text-align:center;color:#d0c4df;letter-spacing:.18em;font:10px Consolas,monospace;position:absolute;left:0;right:0}.story-spool-front>span{top:42px}.story-spool-front>b{font-size:8px;font-weight:400;bottom:37px}.story-floating-label{background:#ffffffed;border:1px solid #ffffffc9;border-radius:12px;align-items:center;gap:12px;min-width:210px;padding:15px 18px;display:flex;position:absolute;bottom:80px;left:26px;transform:rotate(-3deg);box-shadow:0 12px 35px #3c235a18}.story-swatch{background:linear-gradient(130deg,#9b6ced,#4c1f7a);border-radius:5px;width:29px;height:35px;box-shadow:inset 1px 1px 2px #bb94ff}.story-floating-label strong{font-size:12px;display:block}.story-floating-label small{color:#7e728f;margin-top:4px;font:10px Consolas,monospace;display:block}.story-label-arrow{color:#8d799f;margin-left:auto;font-size:18px}.story-stage-simulation{background:radial-gradient(at 50% 40%,#fff 5%,#eee7ff 70%,#e5dcf9 100%)}.story-vase-wrap{width:150px;height:250px;position:absolute;top:94px;left:calc(50% - 75px);transform:rotate(-6deg)}.story-vase{z-index:2;filter:drop-shadow(14px 16px 11px #56339330);width:150px;height:235px;position:absolute;top:0;left:0}.story-vase>i{bottom:calc(var(--layer) * 11px);left:calc((150px - var(--layer-width)) / 2);width:var(--layer-width);background:linear-gradient(90deg,#5a28cd 0%,#a07cf8 31%,#8252e8 56%,#5f2ed5 100%);border-radius:50%;height:33px;position:absolute;box-shadow:inset 0 2px 1px #cbb2ff9e,0 2px 1px #5123b1}.story-vase>i:last-child{background:radial-gradient(#48208c 0 47%,#7041c5 48% 58%,#b08af8 61% 72%,#8250da 75%)}.story-vase-ground{background:radial-gradient(#7652a34a,#7652a315 50%,#0000 70%);border-radius:50%;width:260px;height:56px;position:absolute;bottom:-9px;left:-54px}.story-quantity-label{color:#5e4288;align-items:center;gap:10px;display:flex;position:absolute;top:91px;left:28px}.story-quantity-label strong{letter-spacing:-.06em;font:700 37px/1 Trebuchet MS,sans-serif}.story-quantity-label>span{font:10px/1.5 Consolas,monospace}.story-estimate-label{background:#ffffffec;border:1px solid #ffffffd1;border-radius:12px;padding:17px 22px;position:absolute;bottom:85px;right:25px;transform:rotate(3deg);box-shadow:0 12px 30px #42226a17}.story-estimate-label>span{color:#806c9d;letter-spacing:.04em;font:9px Consolas,monospace;display:block}.story-estimate-label strong{color:#50259d;letter-spacing:-.05em;margin-top:6px;font:700 29px Trebuchet MS,sans-serif;display:block}.story-cost-total{border-bottom:1px solid #eeeaf3;justify-content:space-between;align-items:center;gap:12px;margin-top:23px;padding-bottom:14px;display:flex}.story-cost-total>span{color:var(--story-muted);font-size:11px}.story-cost-total>strong{letter-spacing:-.05em;flex-shrink:0;font:700 29px Trebuchet MS,sans-serif}.story-cost-total>strong>span{font-size:23px}.story-cost-breakdown{gap:10px;margin:15px 0 13px;display:grid}.story-cost-breakdown>div{justify-content:space-between;align-items:center;gap:14px;font-size:11px;display:flex}.story-cost-breakdown dt{color:var(--story-muted);align-items:center;gap:8px;display:flex}.story-cost-breakdown dd{font-variant-numeric:tabular-nums;margin:0}.story-cost-dot{border-radius:50%;width:6px;height:6px}.story-cost-dot.material,.story-cost-strip>i:first-child{background:#6c3bff}.story-cost-dot.machine,.story-cost-strip>i:nth-child(2){background:#ab8bf0}.story-cost-dot.operation,.story-cost-strip>i:nth-child(3){background:#ffb477}.story-cost-strip{border-radius:20px;gap:3px;height:6px;display:flex;overflow:hidden}.story-cost-strip>i:first-child{flex:24.8}.story-cost-strip>i:nth-child(2){flex:14.2}.story-cost-strip>i:nth-child(3){flex:9}.story-per-piece{color:#6d657b;margin:10px 0 0;font-size:10px}.story-stage-confirmation{background:radial-gradient(at 50% 38%,#fff 0,#f0eaf9 65%,#e9e2f4 100%)}.story-piece-field{grid-template-columns:repeat(5,1fr);gap:17px 18px;width:244px;display:grid;position:absolute;top:114px;left:calc(50% - 122px);transform:rotate(-10deg)}.story-piece-field>span{justify-content:center;align-items:center;width:34px;height:46px;display:flex}.story-piece-field>span>i{background:repeating-linear-gradient(0deg,#0000 0 3px,#4b1c8d40 3px 4px),linear-gradient(90deg,#8553dd,#b18df4 40%,#6f36c1);border-radius:34% 34% 43% 43%/15% 15% 30% 30%;width:32px;height:42px;box-shadow:inset 0 2px 1px #d4baff,4px 6px 7px #4c2b6a20}.story-piece-field>.story-piece-rejected{color:#ad5845;background:#fff1e9;border:1px dashed #c87361;border-radius:9px;height:42px;font:24px Segoe UI,sans-serif}.story-reviewed-label{background:#fffffff0;border:1px solid #fff;border-radius:12px;align-items:center;gap:12px;padding:15px 18px;display:flex;position:absolute;bottom:78px;right:26px;transform:rotate(3deg);box-shadow:0 12px 35px #3c235a18}.story-reviewed-label>span{color:#17785f;background:#e5f4ec;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;display:flex}.story-reviewed-label strong{font-size:12px;display:block}.story-reviewed-label small{color:#7a7187;margin-top:4px;font-size:10px;display:block}.story-confirmed-total{margin-top:24px}.story-confirmed-total>span{color:var(--story-muted);font-size:11px;display:block}.story-confirmed-total>strong{letter-spacing:-.055em;margin-top:8px;font:700 43px/1.1 Trebuchet MS,sans-serif;display:block}.story-confirmed-total>strong>span{font-size:31px}.story-confirmed-total>small{color:#17785f;align-items:center;gap:6px;margin-top:10px;font-size:10px;display:flex}.story-confirmed-total>small>i{font-size:12px;font-style:normal}.story-result-counts{border-top:1px solid #eeeaf3;gap:30px;margin:22px 0 0;padding-top:16px;display:flex}.story-result-counts>div{align-items:baseline;gap:10px;display:flex}.story-result-counts dt{color:var(--story-muted);font-size:11px}.story-result-counts dd{margin:0;font:700 23px Trebuchet MS,sans-serif}.story-bottomline{justify-content:space-between;align-items:center;gap:20px;padding:0 30px 22px;display:flex}.story-bottomline>span{font-size:11px;font-weight:600}.story-bottomline>p{color:#766c85;text-align:right;max-width:340px;margin:0;font-size:10px;line-height:1.5}@keyframes story-panel-enter{0%{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.production-story[data-enhanced] .story-panel:not([hidden]) .story-spool{animation:.52s cubic-bezier(.2,.7,.25,1) both story-material-enter}.production-story[data-enhanced] .story-panel:not([hidden]) .story-vase>i{animation:.38s cubic-bezier(.2,.7,.25,1) both story-layer-build;animation-delay:calc(var(--layer) * 18ms)}.production-story[data-enhanced] .story-panel:not([hidden]) .story-piece-field>span{animation:.3s ease-out both story-piece-enter;animation-delay:calc(var(--piece) * 18ms)}.production-story[data-enhanced] .story-panel:not([hidden]) :is(.story-floating-label,.story-estimate-label,.story-reviewed-label){animation:.32s ease-out .18s both story-label-enter}@keyframes story-material-enter{0%{opacity:0;translate:-12px 14px}to{opacity:1;translate:0}}@keyframes story-layer-build{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@keyframes story-piece-enter{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes story-label-enter{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@media (width<=1000px){.story-panel{grid-template-columns:1fr 1fr}.story-narrative{padding:32px 25px 28px}.story-narrative h3{font-size:29px}.story-topline{padding-inline:24px}.story-project-type{display:none}.story-stage-overline{font-size:9px;left:22px}.story-quantity-label{top:76px;left:21px}.story-floating-label{left:18px}.story-result-counts{gap:20px}.story-result-counts>div{flex-direction:column;gap:4px}}@media (width<=700px){.production-story{border-radius:18px}.story-topline{min-height:64px;padding:14px 18px}.story-tabs{border-radius:11px;gap:3px;margin:14px;padding:4px}.story-tabs button{gap:6px;min-height:46px;padding-inline:6px;font-size:12px}.story-tabs button span{font-size:9px}.story-panel{border-radius:12px;grid-template-columns:1fr;margin:0 14px 18px}.story-stage{border-right:0;border-bottom:1px solid var(--story-border);min-height:395px}.story-stage-overline{top:22px}.story-spool{transform-origin:50% 0;top:68px;transform:rotate(-12deg)scale(.85)}.story-floating-label{padding:12px 15px;bottom:60px}.story-stage-caption{font-size:9px;bottom:17px;left:18px;right:18px}.story-narrative{padding:28px 24px 30px}.story-narrative h3{font-size:32px}.story-description{max-width:none}.story-eyebrow{margin-bottom:12px}.story-facts{margin-top:18px}.story-vase-wrap{transform-origin:50% 0;top:70px;transform:rotate(-6deg)scale(.86)}.story-quantity-label{top:74px;left:24px}.story-quantity-label strong{font-size:30px}.story-estimate-label{padding:14px 17px;bottom:65px;right:20px}.story-piece-field{transform-origin:50% 0;top:81px;transform:rotate(-10deg)scale(.92)}.story-reviewed-label{padding:13px 15px;bottom:62px;right:18px}.story-result-counts>div{flex-direction:row;align-items:baseline;gap:10px}.story-result-counts{gap:30px}.story-bottomline{flex-direction:column;align-items:flex-start;gap:7px;padding:0 20px 22px}.story-bottomline>p{text-align:left}}@media (width<=380px){.story-piece-field{transform:rotate(-10deg)scale(.78)}.story-topline{gap:8px;padding-inline:15px}.story-example-label{padding:5px 6px;font-size:9px}.story-topline>div{gap:8px;font-size:12px}.story-tabs,.story-panel{margin-inline:10px}.story-tabs button{gap:4px;padding-inline:3px;font-size:11px}.story-tabs button span{display:none}.story-stage-overline{font-size:8px;left:17px}.story-stage{min-height:370px}.story-floating-label{min-width:190px;left:14px}.story-quantity-label{left:16px}.story-quantity-label>span{font-size:9px}.story-narrative{padding-inline:20px}.story-narrative h3{font-size:28px}.story-cost-total{flex-wrap:wrap}.story-result-counts{gap:21px}.story-result-counts>div{gap:7px}}@media (prefers-reduced-motion:reduce){.production-story[data-enhanced] .story-panel,.production-story[data-enhanced] .story-panel:not([hidden]) :is(.story-spool,.story-vase>i,.story-piece-field>span,.story-floating-label,.story-estimate-label,.story-reviewed-label){animation:none}.story-tabs button{transition:none}}