.production-animation{background:#111310;color:#fafaf7;min-width:0;overflow:hidden;padding:24px 28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;border-left:1px solid #0a0a0a}.production-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font:10px var(--font-mono);letter-spacing:.1em}.production-top button{border:1px solid #65665e;background:transparent;color:#fafaf7;padding:9px 12px;font:11px var(--font-body);cursor:pointer}.production-stage{position:relative;height:340px;perspective:950px;isolation:isolate;margin:24px -10px 12px}.studio-grid{position:absolute;inset:-20px;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:34px 34px;transform:rotateX(55deg) rotateZ(-20deg);opacity:.65}.floor-shadow{position:absolute;width:65%;height:60px;background:#000;filter:blur(20px);left:18%;bottom:25px;opacity:.7}.project-board{position:absolute;width:200px;height:260px;left:50%;top:28px;background:#fafaf7;transform:translateX(-50%) rotateX(12deg) rotateY(-24deg) rotateZ(-7deg);transform-style:preserve-3d;box-shadow:12px 15px 0 #ffffff13,22px 28px 50px #0009;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),box-shadow 1s;z-index:4}.board-edge{position:absolute;inset:0;transform:translateZ(-5px);background:#cecabf}.project-art{position:absolute;inset:18px;overflow:hidden;background:#f7ea26;clip-path:inset(0 0 0 0);transition:clip-path 1.6s,background 1s}.project-art span{position:absolute;left:15px;top:68px;font:32px/.93 var(--font-display);color:#0a0a0a;letter-spacing:-.06em;z-index:2}.art-circle{position:absolute;width:160px;height:160px;border-radius:50%;background:#1eabe3;top:-70px;right:-80px}.art-ribbon{position:absolute;width:60px;height:300px;background:#e31d86;transform:rotate(35deg);top:25px;left:100px}.art-dot{position:absolute;width:40px;height:40px;border-radius:50%;background:#0a0a0a;bottom:15px;left:15px}.design-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 19px,#1eabe377 20px),repeating-linear-gradient(90deg,transparent 0 19px,#1eabe377 20px);z-index:5;opacity:.6;transition:opacity 1s}.crop-mark{position:absolute;width:12px;height:12px;border-color:#1eabe3;border-style:solid;z-index:8;transition:opacity .7s}.tl{left:10px;top:10px;border-width:1px 0 0 1px}.tr{right:10px;top:10px;border-width:1px 1px 0 0}.bl{bottom:10px;left:10px;border-width:0 0 1px 1px}.br{bottom:10px;right:10px;border-width:0 1px 1px 0}.design-cursor{position:absolute;left:58%;top:170px;z-index:10;animation:cursorSketch 3s ease-in-out infinite;transition:opacity .5s}.production-machine{position:absolute;width:280px;height:100px;left:50%;top:12px;transform:translateX(-50%) translateY(-90px);background:linear-gradient(120deg,#535751,#232821);border:1px solid #727870;box-shadow:8px 10px 0 #0007;z-index:6;opacity:0;transition:opacity .8s,transform 1s}.machine-top{position:absolute;left:16px;top:15px;display:flex;gap:8px}.machine-top i{display:block;width:19px;height:7px;background:#1eabe3}.machine-top i:nth-child(2){background:#e31d86}.machine-top i:nth-child(3){background:#f7ea26}.machine-top i:nth-child(4){background:#000}.machine-slot{position:absolute;left:20px;right:20px;bottom:20px;background:#060805;height:12px;border-bottom:2px solid #7a8074}.production-machine>span{position:absolute;right:16px;top:16px;font:9px var(--font-mono);color:#e5e7df}.machine-leg{position:absolute;top:100%;width:13px;height:100px;background:#373e33}.machine-leg.left{left:10px}.machine-leg.right{right:10px}.scan-line{position:absolute;left:0;right:0;top:8%;height:3px;background:#1eabe3;box-shadow:0 0 15px #1eabe3;z-index:7;opacity:0}.trim-line{position:absolute;left:-18px;right:-18px;top:0;height:4px;background:#f7ea26;z-index:9;opacity:0;box-shadow:0 0 18px #f7ea2680}.installation-wall{position:absolute;left:50%;top:12px;width:280px;height:300px;background:linear-gradient(110deg,#353b35,#191e19);transform:translateX(-50%) rotateY(-20deg);border:1px solid #ffffff20;opacity:0;transition:opacity 1s;z-index:1}.wall-joint{position:absolute;left:45%;top:0;bottom:0;width:1px;background:#ffffff18}.install-roller{position:absolute;right:18%;top:160px;width:65px;height:70px;opacity:0;z-index:9}.install-roller i{display:block;width:65px;height:22px;background:#f7ea26;border-radius:4px;box-shadow:0 4px 0 #a99c1c}.install-roller span{display:block;width:6px;height:46px;margin:auto;background:#aeb4a7}.stage-index{position:absolute;bottom:0;left:10px;color:#a6b0a0;font:10px var(--font-mono);letter-spacing:.1em}.production-caption h2{font:clamp(22px,2.4vw,32px)/1.05 var(--font-display);margin:10px 0}.production-caption p{font-size:14px;line-height:1.5;color:#c0c7bb;min-height:44px;max-width:400px}.production-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border-top:1px solid #545b50}.production-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;color:#c0c7bb;padding:12px 3px;text-align:left;font:12px var(--font-body);cursor:pointer}.production-tabs button span{display:block;font:9px var(--font-mono);margin-bottom:4px}.production-tabs button[aria-pressed=true]{color:#fafaf7;border-bottom-color:#1eabe3}.production-tabs button:nth-child(2)[aria-pressed=true]{border-bottom-color:#e31d86}.production-tabs button:nth-child(3)[aria-pressed=true]{border-bottom-color:#f7ea26}.production-tabs button:nth-child(4)[aria-pressed=true]{border-bottom-color:#fafaf7}.production-disclaimer{color:#929b8c;font-size:10px;margin-top:12px}.production-animation[data-step="1"] .production-machine{opacity:1;transform:translateX(-50%) translateY(0)}.production-animation[data-step="1"] .project-board{transform:translateX(-50%) translateY(38px) rotateX(6deg) rotateY(-12deg) rotateZ(0);box-shadow:5px 15px 0 #ffffff13,12px 28px 30px #0009}.production-animation:not([data-step="0"]) .design-grid,.production-animation:not([data-step="0"]) .design-cursor{opacity:0}.production-animation[data-step="1"] .scan-line{opacity:1;animation:printScan 2s linear infinite}.production-animation[data-step="2"] .project-board{transform:translateX(-50%) rotateX(38deg) rotateY(-20deg) rotateZ(-16deg);box-shadow:5px 6px 0 #cecabf,12px 25px 35px #0009}.production-animation[data-step="2"] .trim-line{opacity:1;animation:trimPass 2s ease-in-out infinite}.production-animation[data-step="2"] .crop-mark,.production-animation[data-step="3"] .crop-mark{opacity:0}.production-animation[data-step="3"] .installation-wall{opacity:1}.production-animation[data-step="3"] .project-board{transform:translateX(-50%) rotateY(-20deg) scale(.9);box-shadow:4px 6px 8px #0007}.production-animation[data-step="3"] .install-roller{opacity:1;animation:rollerPass 2s ease-in-out infinite}.production-animation[data-paused="true"] *{animation-play-state:paused!important}@keyframes cursorSketch{0%,100%{transform:translate(-25px,-30px)}50%{transform:translate(15px,40px)}}@keyframes printScan{from{top:8%}to{top:90%}}@keyframes trimPass{0%,100%{top:0}50%{top:100%}}@keyframes rollerPass{0%,100%{transform:translateY(-75px)}50%{transform:translateY(70px)}}@media(max-width:760px){.production-animation{border-left:0;border-top:1px solid #0a0a0a;padding:22px;min-height:580px}.production-stage{height:320px;margin-top:16px}.production-caption h2{font-size:26px}.production-top{font-size:9px}.project-board{width:185px;height:245px}.project-art span{font-size:30px}}@media(prefers-reduced-motion:reduce){.production-animation *{animation:none!important;transition:none!important}}