@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f4f3ed;--ink:#242a23;--muted:#73786c;--orange:#e88147;--line:#dadcd1;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #df793f;outline-offset:5px}header{max-width:1360px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.04em}.brand-icon{background:var(--ink);color:var(--bg);font-size:35px;line-height:42px;width:44px;text-align:center;border-radius:5px;letter-spacing:-5px;padding-right:5px}.brand-icon span{font-size:21px;color:#eaa16c}.brand small{display:block;font:8px var(--mono);letter-spacing:.12em;margin-top:5px;color:#7a806e}nav{display:flex;gap:26px}.nav{border:0;background:none;padding:8px 0;font-size:13px;color:#74796c;position:relative}.nav.active{color:var(--ink)}.nav.active:after{content:'';position:absolute;bottom:0;left:50%;width:4px;height:4px;border-radius:50%;background:#d67840}.contact{font-size:13px}.contact span{margin-left:20px}main{max-width:1360px;margin:auto;padding:0 5%}.intro{display:flex;justify-content:space-between;align-items:end;padding:54px 0 34px}.eyebrow{font:10px var(--mono);letter-spacing:.13em}.dot,.scene-top i,.footer-dot i{display:inline-block;width:6px;height:6px;background:#b1bd8e;border-radius:50%;margin-right:8px}.dot{background:#dd8150}h1{font:500 clamp(37px,4.4vw,62px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:18px 0 0}h1 span{color:#939a85}.intro p{font-size:13px;line-height:1.8;color:#747a6c;margin:0 0 4px}.workshop{position:relative;border-radius:8px;background:#27312a;overflow:hidden;color:#dedfca;border:1px solid #2b382c}.scene-top{position:relative;z-index:2;display:flex;justify-content:space-between;padding:22px 25px;font:9px var(--mono);letter-spacing:.13em;color:#aab69d}.scene-top i{width:5px;height:5px;background:#c0cc8c;box-shadow:0 0 10px #b6c981}.scene-top>span:last-child{color:#c2d19a}.scene-grid{position:absolute;inset:0 0 90px;background-image:linear-gradient(#b1c08b09 1px,transparent 1px),linear-gradient(90deg,#b1c08b09 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(transparent,black);pointer-events:none}.scene-label{position:absolute;right:27px;top:96px;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:.2em;color:#68775f}.robot-scene{display:block;width:100%;max-height:410px;margin-top:-46px;position:relative}.readout{display:flex;align-items:center;gap:20px;position:absolute;top:78px;right:58px;width:255px;flex-wrap:wrap;font:8px var(--mono);letter-spacing:.1em;color:#87967a;border-left:1px solid #6c7d5a;padding-left:15px}.readout b{flex-basis:100%;font:12px 'DM Sans',sans-serif;color:#c7d1b5;font-weight:400}.coordinate{font-size:8px}.selection{border-top:1px solid #556148;display:flex;align-items:center;gap:12px;padding:17px 24px;background:#202a23;position:relative}.selection-label{font:8px var(--mono);letter-spacing:.13em;color:#a3ae95;margin-right:auto}.crate-button{display:flex;gap:14px;align-items:center;width:235px;text-align:left;background:#344031;border:1px solid #58634c;border-radius:4px;padding:12px 16px;color:#e5e7d2;transition:.2s}.crate-button:hover,.crate-button.selected{background:#45533b;border-color:#b2bc91;transform:translateY(-2px)}.crate-button small{display:block;font-size:10px;color:#a3af94;margin-top:3px}.mini-icon{font-size:25px;color:#bfca9f}.arrow{margin-left:auto;color:#b5c19f}#pause{width:32px;height:32px;flex-shrink:0;border:1px solid #58634c;background:transparent;color:#b8c2a4;border-radius:50%;margin-left:7px;font:14px var(--mono)}.delivery{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:43px 0 48px;min-height:270px}.section-side .eyebrow{color:#8a907f;font-size:8px}h2{font:500 29px/1.15 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:14px 0}.section-side p{font-size:12px;line-height:1.8;color:#8a907f}.serial{display:block;font:8px var(--mono);letter-spacing:.1em;color:#969c8b;margin-top:26px}.panel{padding-top:6px}.profile-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.profile-head h3{font:500 24px 'Space Grotesk',sans-serif;margin:0}.stamp{padding:5px 8px;border:1px solid #c8ceba;border-radius:3px;font:8px var(--mono);color:#798266;letter-spacing:.1em}.contact-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;gap:20px;transition:.2s}.contact-row:hover{padding-left:8px;color:#ba6339}.contact-row .label{font:9px var(--mono);color:#8a907f;letter-spacing:.09em;width:75px;flex-shrink:0}.contact-row .value{font-size:13px;flex:1}.contact-row .link-arrow{color:#8a907f}.project{border-bottom:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:35px 1fr;gap:8px}.project:first-child{padding-top:0}.project .num{font:10px var(--mono);color:#969c8b;padding-top:4px}.project h3{font:500 20px/1.3 'Space Grotesk',sans-serif;margin:0 0 10px;letter-spacing:-.03em}.tag{font:8px var(--mono);color:#858d77;letter-spacing:.04em}.repo{display:inline-block;font-size:11px;margin-top:12px;color:#9b6b4a}.empty{padding:24px;border:1px dashed #c3c8b7;border-radius:5px;min-height:190px;background:#eeefe6}.empty .big-icon{font-size:33px;color:#8c9779}.empty h3{font:500 22px 'Space Grotesk',sans-serif;margin:12px 0}.empty p{font-size:13px;color:#7c8470;line-height:1.7;max-width:370px}footer{max-width:1360px;margin:auto;padding:21px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:9px var(--mono);color:#909784}.footer-dot{font-size:8px;letter-spacing:.06em}.footer-dot i{width:5px;height:5px}.panel.appear{animation:appear .45s both}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#upperArm{transform-origin:278px 247px;animation:armIdle 6s ease-in-out infinite}#foreArm{transform-origin:200px 127px;animation:foreIdle 6s ease-in-out infinite}#heldCrate{animation:crateIdle 6s ease-in-out infinite}.rear-box{animation:boxMove 10s linear infinite}@keyframes armIdle{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(1deg)}}@keyframes foreIdle{0%,100%{transform:rotate(2deg)}50%{transform:rotate(-1deg)}}@keyframes crateIdle{0%,100%{transform:translate(0,-4px)}50%{transform:translate(0,5px)}}@keyframes boxMove{0%,100%{transform:translateX(0)}50%{transform:translateX(25px)}}.picking #upperArm{animation:pickArm 1.2s ease-in-out both}.picking #foreArm{animation:pickFore 1.2s ease-in-out both}.picking #heldCrate{animation:pickCrate 1.2s ease-in-out both}@keyframes pickArm{0%,100%{transform:rotate(-2deg)}40%,60%{transform:rotate(13deg)}}@keyframes pickFore{0%,100%{transform:rotate(2deg)}40%,60%{transform:rotate(-8deg)}}@keyframes pickCrate{0%{transform:translateY(-4px);opacity:1}35%{transform:translate(8px,34px);opacity:0}55%{transform:translate(8px,34px);opacity:0}100%{transform:translateY(-4px);opacity:1}}.paused *{animation-play-state:paused!important}.paused.picking *{animation-play-state:running!important}@media(min-width:1500px){.intro{padding-top:65px}.robot-scene{max-height:450px}}@media(max-width:760px){header{padding:20px 5%}.brand small{font-size:7px}.contact{display:none}nav{gap:18px}.nav{font-size:11px}.intro{padding-top:36px;display:block}.intro p{margin-top:20px;font-size:12px}.eyebrow{font-size:8px}h1{font-size:46px}.robot-scene{width:145%;margin-left:-18%;margin-top:8px;max-height:none}.readout{top:58px;right:22px;width:160px;gap:9px}.readout b{font-size:10px}.coordinate{display:none}.scene-label{display:none}.scene-top{padding:18px;font-size:7px}.selection{flex-wrap:wrap;padding:14px;gap:9px}.selection-label{width:100%;font-size:7px;margin-bottom:3px}.crate-button{flex:1;width:auto;padding:11px 9px;gap:8px}.crate-button small{font-size:8px}.crate-button>span:nth-child(2){font-size:12px}.mini-icon{font-size:20px}#pause{margin-left:0;width:27px;height:27px}.delivery{grid-template-columns:1fr;gap:20px;padding:32px 0}.section-side h2 br{display:none}.section-side h2{font-size:27px;margin:10px 0}.section-side p{margin:0}.serial{margin-top:14px}.panel{padding-top:0}.contact-row{gap:10px}.contact-row .label{width:60px;font-size:8px}.contact-row .value{font-size:11px;overflow-wrap:anywhere}.profile-head h3{font-size:22px}footer{gap:20px;flex-wrap:wrap;font-size:8px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}