.tn-lab-hero .tn-workshop{aspect-ratio:auto!important;color:#f1f5f6;background:#0c1118;font-family:var(--font-body-family);text-align:left}.tw-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:1672/941;overflow:hidden}.tn-lab-hero .tn-workshop img.tw-background{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%;height:100%!important;object-fit:cover;z-index:-3}.tw-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#050a12a8 0%,#050a1230 30%,transparent 48%,#050a1210 70%,#050a12eb 100%)}.tw-atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 12% 55%,#36c9ff20,transparent 45%),radial-gradient(ellipse at 86% 48%,#a173ff1a,transparent 40%);animation:tw-atmosphere 12s ease-in-out infinite alternate}.tw-heading{position:absolute;top:6.5%;left:5%;width:55%;z-index:4;pointer-events:none}.tw-eyebrow{font-size:clamp(9px,.78vw,13px);font-weight:500;letter-spacing:.17em;color:#9acbd9;margin:0 0 16px}.tw-heading h2{font-size:clamp(26px,3.1vw,56px);font-weight:500;line-height:1.08;letter-spacing:-.055em;color:#f3f5f6;margin:0;max-width:650px;text-wrap:balance}.tw-intro{color:#bdcbd1;font-size:clamp(12px,1.1vw,18px);letter-spacing:.03em;margin:14px 0 0}.tw-equipment{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tw-object{position:absolute;transition:filter 1.2s ease,transform 1.2s ease;filter:brightness(.82) saturate(.8);transform-origin:50% 90%}.tw-object.is-active{filter:brightness(1.12) saturate(1.08);transform:translateY(-.4%)}.tn-lab-hero .tn-workshop .tw-object img{width:100%;height:auto!important;display:block;position:relative!important;object-fit:contain}.tw-object--scan{width:30%;left:1.5%;bottom:18%;z-index:3}.tw-object--cad{width:39%;left:31%;bottom:40%;z-index:1}.tw-object--print{width:24%;right:1%;bottom:18%;z-index:2}.tw-object--parts{width:23%;left:32%;bottom:12.5%;z-index:4}.tw-object--mechanism{width:27%;left:53%;bottom:10.5%;z-index:5}.tw-object-light{position:absolute;pointer-events:none;opacity:0;transition:opacity .7s;background:linear-gradient(90deg,transparent,#82e5ffab,transparent);height:1px;box-shadow:0 0 12px #70d8ff70}.is-active .tw-object-light{opacity:.65;animation:tw-scan 4.8s ease-in-out infinite}.tw-object--scan .tw-object-light{left:54%;right:15%;top:47%;--travel:70px}.tw-object--cad .tw-object-light{left:6%;right:6%;top:18%;--travel:80px}.tw-object--print .tw-object-light{left:22%;right:22%;top:35%;--travel:70px;background:linear-gradient(90deg,transparent,#c2a1ff,transparent)}.tw-object--parts .tw-object-light{left:15%;right:15%;top:30%;--travel:45px}.tw-object--mechanism .tw-object-light{left:15%;right:15%;top:40%;--travel:35px}.tw-details{position:absolute;top:7%;right:5%;width:29%;z-index:6;text-shadow:0 2px 16px #03070cb3}.tw-detail-kicker{font-size:clamp(8px,.68vw,12px);color:#83d8ed;letter-spacing:.09em;margin:0 0 13px;line-height:1.5}.tw-detail-kicker span{margin-right:10px;color:#e0f8ff}.tw-detail h3{font-size:clamp(18px,1.6vw,29px);color:#f0f4f6;font-weight:500;letter-spacing:-.035em;line-height:1.18;margin:0 0 12px;text-wrap:balance}.tw-detail-copy{font-size:clamp(11px,.9vw,15px);line-height:1.6;color:#b8c7d0;margin:0;max-width:430px}.tw-detail[hidden]{display:none}.tw-bottom{position:absolute;z-index:7;bottom:4.1%;left:5%;right:5%;display:flex;align-items:center;gap:28px}.tw-stations{display:flex;gap:24px;flex:1;max-width:860px}.tw-station{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:9px 0 12px;flex:1;background:none;border:0;border-bottom:1px solid #b6d5e332;color:#c2cdd2;font:inherit;font-size:clamp(11px,.85vw,15px);white-space:nowrap;text-align:left;cursor:pointer}.tw-number{font-size:10px;letter-spacing:.05em;color:#8196a2}.tw-station[aria-pressed=true]{color:#fff;border-bottom-color:#8fe8ff}.tw-station[aria-pressed=true] .tw-number{color:#8fe8ff}.tw-progress{position:absolute;bottom:-1px;left:0;height:2px;background:#8fe8ff;width:100%;transform:scaleX(0);transform-origin:left}.tw-running .tw-station[aria-pressed=true] .tw-progress{animation:tw-progress 7s linear forwards}.tw-motion{margin-left:auto;background:#09131c99;border:1px solid #9dbbc350;border-radius:30px;padding:0 16px;min-height:44px;color:#d2e0e7;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.tw-motion[hidden]{display:none}.tw-station:focus-visible,.tw-motion:focus-visible{outline:2px solid #a1eaff;outline-offset:5px}.tw-concept{position:absolute;bottom:1.3%;right:5%;color:#a0adb5;font-size:9px;letter-spacing:.04em;z-index:7}.tw-paused *,.tw-suspended *{animation-play-state:paused!important}@keyframes tw-scan{0%,to{transform:translateY(0);opacity:.1}50%{transform:translateY(var(--travel));opacity:.7}}@keyframes tw-atmosphere{to{opacity:.45}}@keyframes tw-progress{to{transform:scaleX(1)}}@media(min-width:1800px){.tw-stage{max-height:1050px}.tw-heading h2{font-size:64px}}@media(min-width:750px)and (max-width:1050px){.tw-heading{width:52%;top:6%}.tw-heading h2{font-size:30px}.tw-eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:10px}.tw-intro{font-size:12px;margin-top:10px}.tw-details{top:6%;width:32%;right:4%}.tw-detail h3{font-size:18px;margin-bottom:8px}.tw-detail-copy{font-size:11px;line-height:1.45}.tw-detail-kicker{font-size:8px;margin-bottom:8px}.tw-stations,.tw-bottom{gap:15px}.tw-number{display:none}.tw-motion{padding:0 10px;font-size:10px}}@media(max-width:749px){.tw-stage{aspect-ratio:4/5.8;min-height:540px;max-height:760px}.tn-lab-hero .tn-workshop img.tw-background{object-fit:cover;object-position:50% 50%}.tw-atmosphere{background:linear-gradient(180deg,#050a12ba,transparent 45%,#050a12a0 65%,#050a12 90%)}.tw-heading{top:5%;left:6%;width:88%}.tw-eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:12px}.tw-heading h2{font-size:clamp(28px,7.5vw,42px);max-width:460px}.tw-intro{font-size:12px;margin-top:12px}.tw-object{opacity:0;transition:opacity .8s,transform 1.2s;filter:brightness(1) saturate(1);transform:translateY(6px)}.tw-object.is-active{opacity:1;transform:translateY(0)}.tw-object--scan{width:88%;left:6%;bottom:34%}.tw-object--cad{width:94%;left:3%;bottom:36%}.tw-object--print{width:52%;left:24%;right:auto;bottom:34%}.tw-object--parts{width:83%;left:8.5%;bottom:34%}.tw-object--mechanism{width:94%;left:3%;bottom:35%}.tw-details{top:auto;bottom:15.5%;left:6%;right:6%;width:auto;min-height:106px}.tw-detail-kicker{font-size:8px;margin-bottom:7px}.tw-detail h3{font-size:20px;line-height:1.15;margin-bottom:7px;max-width:410px}.tw-detail-copy{font-size:11px;line-height:1.5;max-width:480px}.tw-bottom{bottom:5%;left:6%;right:6%;gap:0;display:block}.tw-stations{gap:12px;max-width:none}.tw-station{justify-content:center;font-size:10px;min-height:44px;padding:6px 0;gap:0}.tw-number{display:none}.tw-motion{position:absolute;bottom:-32px;right:0;min-height:28px;padding:0 10px;font-size:9px}.tw-concept{bottom:1.4%;left:6%;right:auto;font-size:7px}}@media(prefers-reduced-motion:reduce){.tn-workshop *{animation:none!important;transition:none!important}.tw-object-light{display:none}}.tn-workshop .tw-atmosphere,.tn-workshop .tw-object-light{display:block}.tw-heading h2{max-width:540px}.tw-bottom{background:linear-gradient(90deg,#08111cc9,#08111c80);border-top:1px solid #b6d5e326;border-radius:0;padding:8px 18px;bottom:4.5%}.tw-stations{gap:22px}.tw-motion{margin-right:35px}.tw-station{font-size:clamp(12px,.95vw,16px)}@media(max-width:749px){.tw-bottom{background:none;border-top:0;padding:0;bottom:5%}.tw-stations{gap:10px}.tw-station{font-size:10px}.tw-motion{margin-right:0}.tw-heading h2{max-width:430px}}.tw-object.is-active{animation:tw-object-focus 7s ease-in-out infinite}@keyframes tw-object-focus{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.tw-object.is-active{animation:none!important}}@media(max-width:749px){.tw-detail-copy{font-size:12px}.tw-detail h3{font-size:21px}.tw-station{font-size:11px;min-height:48px}.tw-details{bottom:16%;min-height:110px}}@media(max-width:359px){.tw-detail h3{font-size:19px}.tw-detail-copy{font-size:11px}.tw-stations{gap:7px}.tw-station{font-size:10px}.tw-heading h2{font-size:27px}}.tn-lab-hero:has(.tn-workshop){opacity:1!important;animation:none!important;transform:none!important}@media(min-width:750px){.tw-atmosphere{background:linear-gradient(180deg,#050a12d9 0%,#050a12a8 24%,#050a1233 43%,transparent 58%,#050a1233 75%,#050a12eb 100%)}}.tw-heading{text-shadow:0 2px 8px #02060c}.tn-workshop .tw-stage{height:min(56.28vw,calc(100svh - 152px));min-height:500px;max-height:940px;aspect-ratio:auto}.tn-workshop .tw-detail-copy{font-size:clamp(13px,1.05vw,16px);line-height:1.55;color:#d4e1e8}.tn-workshop .tw-detail h3{font-size:clamp(20px,1.8vw,30px)}.tn-workshop .tw-object{filter:brightness(.65) saturate(.65);transition:filter .9s ease,transform .9s ease,opacity .9s ease}.tn-workshop .tw-object.is-active{filter:brightness(1.18) saturate(1.1) drop-shadow(0 0 16px #60cced38);animation:tw-station-focus 7s ease-in-out infinite}.tn-workshop .is-active .tw-object-light{height:3px;background:linear-gradient(90deg,transparent,#a7efff,transparent);box-shadow:0 0 20px #65d9ff,0 0 6px #b4f3ff;animation:tw-scan 3s ease-in-out infinite}.tn-workshop .tw-detail:not([hidden]){animation:tw-detail-enter .65s ease-out both}.tn-workshop .tw-bottom{bottom:5%;left:4%;right:4%}.tn-workshop .tw-motion{margin-right:50px}@keyframes tw-station-focus{0%,to{transform:translateY(0) scale(1)}45%,60%{transform:translateY(-9px) scale(1.035)}}@keyframes tw-detail-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:749px){.tn-workshop .tw-stage{height:auto;min-height:0;max-height:none;aspect-ratio:auto;padding:26px 0 20px}.tn-workshop .tw-heading{position:relative;top:auto;left:auto;width:auto;margin:0 6%;padding:0}.tn-workshop .tw-heading h2{font-size:clamp(28px,6.2vw,38px);max-width:460px}.tn-workshop .tw-intro{margin-top:10px}.tn-workshop .tw-equipment{position:relative;inset:auto;width:100%;aspect-ratio:1672/941;margin:16px 0 4px;overflow:hidden}.tn-workshop .tw-object{opacity:.65;transform:none;filter:brightness(.75) saturate(.7)}.tn-workshop .tw-object.is-active{opacity:1;filter:brightness(1.18) saturate(1.1) drop-shadow(0 0 12px #60cced55)}.tn-workshop .tw-object--scan{width:30%;left:1.5%;bottom:12%}.tn-workshop .tw-object--cad{width:39%;left:31%;bottom:34%}.tn-workshop .tw-object--print{width:24%;left:auto;right:1%;bottom:12%}.tn-workshop .tw-object--parts{width:23%;left:32%;bottom:6.5%}.tn-workshop .tw-object--mechanism{width:27%;left:53%;bottom:4.5%}.tn-workshop .tw-details{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:auto;min-height:136px;margin:0 6%;padding:14px 0 4px;border-top:1px solid #a9d9e340}.tn-workshop .tw-detail-kicker{font-size:9px;margin-bottom:8px}.tn-workshop .tw-detail h3{font-size:22px;max-width:none;margin-bottom:8px}.tn-workshop .tw-detail-copy{font-size:13px;line-height:1.5;max-width:none}.tn-workshop .tw-bottom{position:relative;bottom:auto;left:auto;right:auto;margin:12px 6% 0;display:flex;flex-wrap:wrap;gap:12px;padding:0}.tn-workshop .tw-stations{width:100%;flex-basis:100%;gap:7px}.tn-workshop .tw-station{font-size:10px;min-height:44px}.tn-workshop .tw-motion{position:static;min-height:34px;margin:0 0 0 auto;padding:0 12px;font-size:10px}.tn-workshop .tw-concept{position:relative;display:block;bottom:auto;left:auto;right:auto;margin:10px 6% 0;font-size:8px}.tn-workshop .tw-atmosphere{background:linear-gradient(180deg,#050a12b8,transparent 35%,#050a12dd 60%,#050a12f5)}}@media(prefers-reduced-motion:reduce){.tn-workshop .tw-object.is-active,.tn-workshop .tw-detail:not([hidden]){animation:none!important}}@media(min-width:750px){.tn-workshop .tw-stage{container-type:size}.tn-workshop .tw-object--scan{width:min(30%,53cqh)}.tn-workshop .tw-object--cad{width:min(39%,69cqh)}.tn-workshop .tw-object--print{width:min(24%,42cqh)}.tn-workshop .tw-object--parts{width:min(23%,41cqh)}.tn-workshop .tw-object--mechanism{width:min(27%,48cqh)}}@media(max-width:749px){.tn-workshop .tw-object{opacity:.4;transition:opacity .9s,filter .9s,width .9s,left .9s,bottom .9s,transform .9s}.tn-workshop .tw-object.is-active{z-index:8;bottom:5%;left:20%;right:auto;width:60%}.tn-workshop .tw-object--print.is-active{width:37%;left:31.5%;bottom:4%}.tn-workshop .tw-object--cad.is-active,.tn-workshop .tw-object--mechanism.is-active{width:76%;left:12%;bottom:8%}}.tn-workshop .tw-detail:not([hidden]){animation:none;opacity:1;transform:none}@media(max-width:749px){.tn-workshop .tw-motion{margin:0 auto 0 0}}.tn-workshop .tw-heading{pointer-events:auto}.tw-actions{display:flex;align-items:center;gap:20px;margin-top:22px;flex-wrap:wrap}.tw-cta,.tw-proof{font:inherit;font-size:12px;text-decoration:none;letter-spacing:.02em}.tw-cta{display:inline-flex;gap:24px;align-items:center;padding:12px 17px;border:1px solid #9fe7f970;border-radius:4px;background:#112733d9;color:#e7faff;transition:background .3s,box-shadow .3s}.tw-cta:hover{background:#214455;box-shadow:0 0 24px #70dfff25}.tw-proof{color:#cad9e0;border-bottom:1px solid #8eafb657;padding:8px 0}.tw-actions a:focus-visible{outline:2px solid #a1eaff;outline-offset:5px}.tn-workshop.tw-enhanced .tw-details{display:grid}.tn-workshop.tw-enhanced .tw-detail{grid-area:1/1;display:block;opacity:1;visibility:visible;transform:translateY(0);transition:opacity .8s ease,transform 1s cubic-bezier(.22,1,.36,1),visibility 1s;animation:none}.tn-workshop.tw-enhanced .tw-detail[hidden]{opacity:0;visibility:hidden;transform:translateY(14px);pointer-events:none}.tw-outputs{font-size:10px;line-height:1.6;letter-spacing:.06em;color:#9adcea;margin:15px 0 0;padding-top:11px;border-top:1px solid #9bdfed30}.tn-workshop .tw-object,.tn-workshop .tw-object.is-active{animation:none;transform:translateY(0) scale(1);transition:filter 1.5s ease,opacity 1.5s ease,transform 1.8s cubic-bezier(.22,1,.36,1)}.tn-workshop .tw-object.is-active{transform:translateY(-8px) scale(1.055);filter:brightness(1.16) saturate(1.12) drop-shadow(0 0 20px #60cced32)}.tn-workshop .tw-object img{animation:tw-breathe 12s ease-in-out infinite;transform-origin:50% 85%}.tn-workshop .tw-object--cad img{animation-duration:14s;animation-delay:-3s}.tn-workshop .tw-object--print img{animation-duration:16s;animation-delay:-7s}.tn-workshop .tw-object--parts img{animation-duration:13s;animation-delay:-4s}.tn-workshop .tw-object--mechanism img{animation:tw-mechanism 12s ease-in-out infinite;animation-delay:-5s}.tn-workshop .tw-object-light{height:2px;animation:tw-scan 6s ease-in-out infinite;opacity:0;transition:opacity 1.5s}.tn-workshop .is-active .tw-object-light{animation:tw-scan 6s ease-in-out infinite;opacity:.85}.tw-orbit{position:absolute;top:10%;right:8%;bottom:10%;left:8%;border:1px solid #8ee5ff45;border-radius:50%;transform:rotateX(65deg);opacity:0;transition:opacity 1.5s;pointer-events:none}.tw-orbit:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid transparent;border-top-color:#b9efff;border-radius:50%;animation:tw-orbit 9s linear infinite}.is-active .tw-orbit{opacity:.55}.tw-object--cad .tw-orbit{border-radius:4px;transform:none;top:8%;right:4%;bottom:27%;left:4%;border-style:dashed}.tw-object--cad .tw-orbit:after{display:none}.tw-object--print .tw-orbit{top:44%;right:22%;bottom:26%;left:22%}.tn-workshop .tw-progress,.tn-workshop.tw-running .tw-station[aria-pressed=true] .tw-progress{animation:none;transform:scaleX(var(--progress,0));box-shadow:0 0 10px #81e6ff70}@keyframes tw-breathe{0%,to{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-7px) rotate(.3deg)}}@keyframes tw-mechanism{0%,to{transform:translate(-4px) rotate(-.3deg)}50%{transform:translate(5px) rotate(.3deg)}}@keyframes tw-orbit{to{transform:rotate(360deg)}}@media(min-width:750px)and (max-height:800px){.tw-actions{margin-top:14px}.tw-cta{padding:9px 13px}.tn-workshop .tw-detail-copy{font-size:12px}.tw-outputs{margin-top:9px;padding-top:8px}.tn-workshop .tw-detail h3{font-size:21px}}@media(max-width:749px){.tw-actions{gap:14px;margin-top:17px}.tw-cta,.tw-proof{font-size:11px}.tw-cta{padding:10px 13px;gap:16px}.tn-workshop .tw-equipment{margin-top:12px}.tn-workshop .tw-object{transition:opacity 1.5s,filter 1.5s,width 1.6s cubic-bezier(.22,1,.36,1),left 1.6s cubic-bezier(.22,1,.36,1),bottom 1.6s,transform 1.6s}.tn-workshop .tw-details{min-height:190px}.tn-workshop .tw-detail-copy{font-size:13px}.tw-outputs{font-size:9px;margin-top:12px}.tn-workshop .tw-object.is-active{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.tn-workshop *,.tn-workshop *:after{animation:none!important;transition:none!important}.tw-orbit{display:none}}.tw-paused *:after,.tw-suspended *:after{animation-play-state:paused!important}.tn-workshop.tw-enhanced .tw-detail{transition:opacity .55s ease .22s,transform .8s cubic-bezier(.22,1,.36,1) .22s,visibility 0s .22s}.tn-workshop.tw-enhanced .tw-detail[hidden]{transition:opacity .2s ease,transform .2s ease,visibility 0s .2s}.tn-workshop .tw-detail-copy{font-size:14px}@media(max-width:749px){.tn-workshop .tw-detail-copy{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/technast-workshop-scene.css.map */
