.lab-section-art{position:relative;height:156px;margin:0 6vw;display:flex;align-items:center;justify-content:center;gap:8%;perspective:700px;pointer-events:none;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 66%,#dfebf16b,transparent 62%)}.lab-section-art>div{position:relative;flex:none;transform-style:preserve-3d}.lab-section-art i,.lab-section-art b{position:absolute;display:block;box-sizing:border-box}.lab-feed{width:90px;height:110px}.lab-feed i{width:9px;height:12px;border-radius:40%;background:radial-gradient(ellipse at 25% 20%,#c9f1ff,#006498 70%);left:calc(8px + var(--n)*9px);top:12px;animation:lab-feed-drop 2.2s linear infinite;animation-delay:calc(var(--n)*-.3s)}.lab-feed b{left:9px;top:44px;width:78px;height:54px;clip-path:polygon(0 0,100% 0,60% 80%,60% 100%,40% 100%,40% 80%);background:linear-gradient(90deg,#8baab8,#ecf5f8 42%,#c9dce5 59%,#7194a6);transform:rotateY(-18deg)}.lab-die{width:100px;height:80px;transform:rotateY(-23deg) rotateX(-12deg)}.lab-die i{inset:0;background:linear-gradient(115deg,#c8dae4,#8aafc4);border-radius:5px;box-shadow:11px -8px 0 #e6f0f5,13px -6px 0 #adc7d5}.lab-die b{inset:15px 24px;background:#f7fbfd;border:9px solid #00539e;border-radius:50%;box-shadow:inset 4px 4px 5px #00365788}.lab-die span{position:absolute;width:42px;height:8px;left:76px;top:35px;background:linear-gradient(#96d4ed,#12689b);border-radius:4px;transform:translateZ(20px)}.lab-output{width:105px;height:85px;transform:rotateY(-30deg) rotateZ(-9deg)}.lab-output i{left:3px;top:calc(8px + sibling-index()*15px);width:100px;height:25px;border-top:9px solid #379bcb;border-radius:50%;box-shadow:0 -2px 0 #b0e0f1;animation:lab-ribbon-flex 5s ease-in-out infinite}.lab-output i:nth-child(1){top:6px}.lab-output i:nth-child(2){top:25px}.lab-output i:nth-child(3){top:44px}.lab-output i:nth-child(4){top:63px}
.lab-section-project{margin:12px 0 0;height:145px;justify-content:flex-start;gap:4%;background:none;width:100%}.lab-plan{width:112px;height:100px;background:linear-gradient(120deg,#fff,#d7e7ef);border:1px solid #b9d0df;box-shadow:4px 5px 0 #b4cddd;transform:rotateX(28deg) rotateY(-24deg) rotateZ(-9deg);animation:lab-plan-sway 8s ease-in-out infinite}.lab-plan i{height:3px;left:14px;background:#6e9eba;border-radius:2px}.lab-plan i:nth-child(1){width:56px;top:18px}.lab-plan i:nth-child(2){width:82px;top:31px}.lab-plan i:nth-child(3){width:68px;top:44px}.lab-plan b{width:39px;height:25px;left:45px;top:61px;border:3px solid #00539e;border-radius:3px;transform:translateZ(9px)}.lab-sample{width:86px;height:92px;transform:rotateY(-22deg)}.lab-sample i{width:50px;height:36px;left:14px;top:23px;border-radius:45%;border:8px solid #328bb6;border-top-color:#a7d5e8;background:#0c547e;box-shadow:2px 6px 0 #005b92;transform:rotateX(50deg) translateZ(12px)}.lab-sample i:nth-child(2){top:42px;width:18px;height:19px;left:58px;border:0;border-radius:40%;background:radial-gradient(ellipse at 20% 20%,#e1f7ff,#318cba,#005585);transform:rotateZ(22deg)}.lab-sample i:nth-child(3){top:63px;left:37px;width:16px;height:18px;border:0;border-radius:45%;background:radial-gradient(ellipse at 20% 20%,#d3edf5,#7caec4);transform:rotateZ(-30deg)}
.lab-package{width:80px;height:88px;background:linear-gradient(100deg,#78aeca55,#e6f6fc88,#8bbbd080);border:1px solid #78b5d0;border-radius:7px 7px 13px 13px;transform:rotateY(-25deg) rotateZ(-7deg);box-shadow:6px -4px 0 #badce94d}.lab-package i{inset:15px 0;background:#2689bc44}.lab-package i:nth-child(2){inset:0;height:7px;border-radius:50%;background:#dff6fe;transform:translateZ(5px)}.lab-tube{width:110px;height:66px;border:11px solid #6faed0;border-radius:50%;background:#e7f4fa;transform:rotateY(40deg) rotateX(25deg);box-shadow:6px 5px 0 #035c90,inset 4px 4px 5px #00539e55}.lab-lid{width:78px;height:78px;border:14px solid #1e80b1;border-radius:50%;background:linear-gradient(#9ad3e9,#005c91);transform:rotateX(38deg) rotateY(-20deg);box-shadow:2px 7px 0 #005286}
.lab-sort{height:100px;width:310px;border-bottom:14px solid #aec6d1;transform:rotateY(-15deg)}.lab-sort:after{content:'';position:absolute;left:16px;right:16px;bottom:-20px;border-top:4px dotted #4e829e}.lab-sort b{width:62px;height:78px;left:125px;top:10px;background:linear-gradient(90deg,#5f9b98,#c6e1db);border:5px solid #005b66;transform:translateZ(8px);box-shadow:8px -6px 0 #d0e5e4}.lab-sort i{width:24px;height:24px;left:10px;top:56px;background:linear-gradient(120deg,#b8e5f2,#197fa3);clip-path:polygon(0 12%,70% 0,100% 70%,30% 100%);animation:lab-sort-move 6s linear infinite}.lab-sort i:nth-child(2){animation-delay:-1.5s;background:#8bc2b0}.lab-sort i:nth-child(3){animation-delay:-3s;background:#c9dfe7}.lab-sort i:nth-child(4){animation-delay:-4.5s}
@keyframes lab-feed-drop{from{translate:0 -18px;opacity:0}20%{opacity:1}to{translate:0 43px;opacity:0}}@keyframes lab-ribbon-flex{50%{transform:rotateY(14deg) translateY(-3px)}}@keyframes lab-plan-sway{50%{transform:rotateX(24deg) rotateY(-12deg) rotateZ(-4deg)}}@keyframes lab-sort-move{from{translate:0 0}to{translate:274px 0}}
@media(max-width:760px){.lab-section-art{height:125px;margin:0 20px;gap:4%}.lab-section-process>div{scale:.78}.lab-section-industry>div{scale:.75}.lab-section-project{margin:8px 0;height:125px;justify-content:center}.lab-section-project>div{scale:.9}.lab-sort{scale:.85}.lab-project-intro .lab-section-project{max-width:340px}}
@media(prefers-reduced-motion:reduce){.lab-section-art *{animation:none!important}}