.process-lab{margin-block:80px 100px}.lab-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:30px}.lab-heading h2{font-size:clamp(38px,4.1vw,58px);line-height:1.08}.lab-heading .eyebrow{margin-bottom:15px}.lab-heading>p{font-size:13px;color:#999;margin-bottom:5px}.lab-stage{display:grid;grid-template-columns:1.65fr 1fr;border:1px solid #333;border-radius:22px;overflow:hidden;background:#101010;min-height:360px}.lab-visual{position:relative;min-height:360px;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#69311840,transparent 70%),#131313}.canvas-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}.lab-coordinate,.lab-live,.canvas-caption{position:absolute;font-size:8px;letter-spacing:.12em;color:#888;z-index:4}.lab-coordinate{top:23px;left:25px}.lab-live{top:23px;right:25px;display:flex;align-items:center;gap:7px}.lab-live i{width:5px;height:5px;background:#f8a775;border-radius:50%}.canvas-caption{bottom:22px;left:25px;font-size:7px}.canvas-object{position:absolute;left:50%;top:50%;width:160px;height:108px;margin:-54px 0 0 -80px;border:1px solid #57504a;border-radius:10px;background:#292622;box-shadow:0 15px 35px #0004;padding:15px;z-index:2;transition:transform 1s cubic-bezier(.22,1,.36,1),background .7s,border-color .7s,opacity .7s}.canvas-object>span{display:block;font-size:7px;letter-spacing:.1em;color:#c4a18c}.canvas-object b{display:block;font-size:13px;font-weight:400;margin-top:12px}.canvas-object>i{display:block;background:#ffffff17;width:80%;height:3px;margin-top:10px}.canvas-object>i+i{width:55%;margin-top:5px}.object-a{transform:translate(-160px,-55px) rotate(-12deg)}.object-b{transform:translate(110px,-65px) rotate(9deg)}.object-c{transform:translate(50px,85px) rotate(-6deg)}.canvas-core{position:absolute;left:50%;top:50%;width:115px;height:115px;margin:-57px 0 0 -57px;border-radius:20px;background:#f5b289;color:#362215;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 0 65px #f58f4220;transition:transform 1s cubic-bezier(.22,1,.36,1),border-radius 1s,background .8s}.core-label{font-size:8px;letter-spacing:.12em}.core-symbol{font-size:45px;font-weight:400;line-height:1}.core-footer{font-size:6px}.canvas-wires{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#d1956e;stroke-width:1;opacity:.25;stroke-dasharray:5 10;transition:opacity .7s}.canvas-scan{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffcf9e07,transparent);transform:translateX(-100%);pointer-events:none}.lab-editorial{padding:35px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #303030}.canvas-copy{margin-bottom:25px}.canvas-kicker{font-size:9px;letter-spacing:.12em;color:#dca583}.canvas-copy h3{font-size:30px;line-height:1.15;letter-spacing:-.04em;margin:18px 0}.canvas-copy p{font-size:13px;color:#aaa;line-height:1.8}.lab-editorial .text-link{align-self:start;font-size:11px;gap:20px}.canvas-controls{display:none;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.canvas-tab{border:1px solid #303030;border-radius:10px;background:#111;padding:17px;color:#aaa;display:flex;align-items:center;gap:12px;font-size:13px;text-align:left;transition:background .25s,color .25s,border-color .25s}.canvas-tab>span{font-size:9px;color:#777}.canvas-tab>i{font-style:normal;margin-left:auto}.canvas-tab[aria-pressed=true]{background:#2a201a;color:#ffd1b0;border-color:#76503a}.canvas-tab:hover{border-color:#a47554}.canvas-scroll-hint{display:none;text-align:center;font-size:7px;letter-spacing:.13em;color:#6e6e6e;margin-top:18px}.canvas-ready .canvas-controls{display:grid}.canvas-ready .canvas-copy[hidden]{display:none}.canvas-ready .canvas-copy{animation:canvas-copy-in .6s ease both}.canvas-pinned{height:240vh;min-height:1500px;position:relative}.canvas-pinned .lab-sticky{position:sticky;top:25px}.canvas-pinned .canvas-scroll-hint{display:block}.canvas-running .canvas-scan{animation:canvas-scan 6s linear infinite}.canvas-running .canvas-wires{animation:canvas-flow 10s linear infinite}.canvas-running .core-symbol{animation:canvas-breathe 4s ease-in-out infinite}
[data-stage="1"] .object-a{transform:translate(-180px,-80px) rotate(0)}[data-stage="1"] .object-b{transform:translate(-180px,45px) rotate(0)}[data-stage="1"] .object-c{transform:translate(180px,-15px) rotate(0)}[data-stage="1"] .canvas-core{transform:rotate(0);border-radius:50%}[data-stage="1"] .canvas-wires{opacity:.6}
[data-stage="2"] .object-a{transform:translate(-80px,-65px) rotate(0);background:#393028}[data-stage="2"] .object-b{transform:translate(85px,-65px) rotate(0);background:#393028}[data-stage="2"] .object-c{transform:translate(0,60px) rotate(0);width:325px;margin-left:-162px}[data-stage="2"] .canvas-core{transform:translate(0,5px) scale(.6);border-radius:12px}[data-stage="2"] .canvas-wires{opacity:.05}
[data-stage="3"] .object-a{transform:translate(-175px,30px) rotate(-5deg)}[data-stage="3"] .object-b{transform:translate(0,-85px) rotate(0)}[data-stage="3"] .object-c{transform:translate(175px,30px) rotate(5deg)}[data-stage="3"] .canvas-core{transform:translate(0,45px);border-radius:50%;background:#d4ddb1}[data-stage="3"] .canvas-wires{opacity:.6;stroke:#d4ddb1}
@keyframes canvas-copy-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes canvas-scan{to{transform:translateX(100%)}}@keyframes canvas-flow{to{stroke-dashoffset:-150}}@keyframes canvas-breathe{50%{transform:rotate(12deg) scale(.92)}}
@media(min-width:821px) and (max-height:780px){.lab-heading h2{font-size:40px}.lab-heading{margin-bottom:20px}.lab-heading .eyebrow{font-size:7px;margin-bottom:10px}.lab-stage,.lab-visual{min-height:310px}.canvas-controls{margin-top:10px}.canvas-tab{padding:12px}.canvas-scroll-hint{margin-top:10px}.canvas-pinned .lab-sticky{top:18px}}
@media(max-width:1050px){.lab-stage{grid-template-columns:1.4fr 1fr}.lab-editorial{padding:25px}.canvas-copy h3{font-size:26px}.canvas-object{scale:.85}.object-a{transform:translate(-135px,-65px) rotate(-12deg)}.object-b{transform:translate(110px,-65px) rotate(9deg)}[data-stage="1"] .object-a{transform:translate(-140px,-75px)}[data-stage="1"] .object-b{transform:translate(-140px,50px)}[data-stage="1"] .object-c{transform:translate(140px,0)}[data-stage="3"] .object-a{transform:translate(-140px,40px)}[data-stage="3"] .object-c{transform:translate(140px,40px)}}
@media(max-width:820px){.process-lab{margin-block:60px}.lab-heading{display:block}.lab-heading h2{font-size:40px}.lab-heading>p{margin-top:20px}.lab-stage{grid-template-columns:1fr}.lab-visual{min-height:330px}.lab-editorial{border-left:0;border-top:1px solid #303030;padding:25px;min-height:255px}.canvas-controls{grid-template-columns:repeat(2,1fr)}.canvas-tab{font-size:12px}.canvas-copy h3{font-size:28px}.lab-coordinate,.lab-live{font-size:6px}.lab-coordinate{left:15px}.lab-live{right:15px}.canvas-core{scale:.85}.canvas-caption{font-size:6px;left:15px}.canvas-object{scale:.78}}
@media(prefers-reduced-motion:reduce){.process-lab{height:auto;min-height:0}.lab-sticky{position:static!important}.canvas-scroll-hint{display:none!important}.process-lab *{animation:none!important;transition:none!important}}