@view-transition{navigation:auto}::view-transition-old(root){animation:route-out .22s ease both}::view-transition-new(root){animation:route-in .4s cubic-bezier(.22,.7,.2,1) both}@keyframes route-out{to{opacity:0;transform:translateY(-18px)}}@keyframes route-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
.motion-switch{font:9px Consolas,monospace!important;border:0!important;padding:8px 0!important;opacity:.8}.motion-switch:hover{background:transparent!important;opacity:1}.chapter-menu nav a{overflow:hidden}.chapter-menu[open] nav a strong{animation:menu-link .45s cubic-bezier(.22,.7,.2,1) both}.chapter-menu[open] nav a:nth-child(2) strong{animation-delay:.04s}.chapter-menu[open] nav a:nth-child(3) strong{animation-delay:.08s}.chapter-menu[open] nav a:nth-child(4) strong{animation-delay:.12s}.chapter-menu[open] nav a:nth-child(5) strong{animation-delay:.16s}.chapter-menu[open] nav a:nth-child(6) strong{animation-delay:.2s}@keyframes menu-link{from{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}
.scroll-scenes-ready .scroll-chapter{height:160svh;min-height:0;padding:0;display:block;position:relative;border:0;border-top:1px solid var(--line);background:transparent;border-radius:0}.scroll-chapter-inner{position:sticky;top:0;height:100svh;padding:110px 0 65px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:6vw;align-items:center}.scroll-chapter:nth-child(odd) .scroll-chapter-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)}.scroll-chapter:nth-child(odd) .strip-media{order:2}.scroll-chapter .strip-media,.scroll-chapter .project-media{min-height:0;height:55svh;border-radius:0;transform:perspective(1200px) rotateY(calc((.5 - var(--chapter-p,0))*8deg)) translateY(calc((.5 - var(--chapter-p,0))*45px));clip-path:inset(calc((1 - var(--chapter-p,0)) * 4%) 0 0 0);background:var(--surface)}.scroll-chapter .strip-media>img,.scroll-chapter .project-media>img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.1 - var(--chapter-p,0)*.1));transition:none}.scroll-chapter .strip-copy,.scroll-chapter .project-copy{transform:translateY(calc((.5 - var(--chapter-p,0))*-50px))}.scroll-chapter .physipeak-footage{height:100%}.scene-coordinate{position:absolute;bottom:32px;left:0;font:9px Consolas,monospace;letter-spacing:.08em;color:var(--muted)}.scene-coordinate:after{content:'';display:block;width:100px;height:2px;background:var(--green);margin-top:12px;transform:scaleX(var(--chapter-p,0));transform-origin:left}.scroll-title{transform:translateY(calc((1 - var(--title-p,1))*22px));clip-path:inset(0 0 calc((1 - var(--title-p,1))*15%) 0)}.scroll-detail{transform:translateY(calc((1 - var(--detail-p,1))*32px));opacity:calc(.45 + var(--detail-p,1)*.55)}.reading-timeline{position:relative;padding-left:28px}.reading-timeline:before,.reading-timeline:after{content:'';position:absolute;left:0;top:0;width:2px;height:100%;background:var(--line);pointer-events:none}.reading-timeline:after{background:var(--green);transform:scaleY(var(--timeline-p,0));transform-origin:top}.timeline{grid-template-columns:1fr;gap:0}.timeline article{padding:35px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:170px 1fr 1fr;gap:25px;align-items:start}.timeline article h3{margin:0}.reading-timeline .experience-item{padding-top:30px}.scroll-showroom{position:relative;height:300svh;background:#10191d;color:#eeede6;margin:35px 0 75px}.showroom-inner{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:5vw;padding:110px 0 55px}.showroom-stage{position:relative;height:57svh;perspective:1200px}.showroom-slide{position:absolute;inset:0;overflow:hidden;background:#1d2c34;opacity:0;transform:translateX(calc(var(--stack-offset)*25px)) translateY(calc(var(--stack-offset)*-15px)) rotateY(-8deg) scale(.93);transition:transform .55s cubic-bezier(.22,.7,.2,1),opacity .35s;pointer-events:none;border:1px solid #eeede62d;box-shadow:0 20px 60px #0003}.showroom-slide.is-current{opacity:1;transform:rotateY(calc((.5 - var(--showroom-p,0))*7deg)) scale(1);z-index:2}.showroom-slide img{width:100%;height:100%;object-fit:contain;object-position:center}.showroom-counter{position:absolute;bottom:-30px;left:0;font:11px Consolas,monospace;color:#9baeff}.showroom-copy h2{font-size:clamp(26px,3.4vw,48px);margin-bottom:18px;letter-spacing:-.045em}.showroom-copy p{font-size:13px;line-height:1.7;color:#b8c2c5}.showroom-copy .section-number{color:#9baeff}.showroom-copy .text-links{margin:18px 0}.showroom-copy a{color:#eeede6;font-size:12px}.showroom-selectors{display:grid;border-top:1px solid #eeede62b;margin-top:25px}.showroom-selectors button{text-align:left;color:#aab8bc;background:transparent;border:0;border-bottom:1px solid #eeede62b;padding:9px 0;font:10px Consolas,monospace;cursor:pointer}.showroom-selectors button[aria-pressed=true]{color:#eeede6;padding-left:14px;border-left:2px solid #8ea0ff}.showroom-hint{font:9px Consolas,monospace!important;margin-top:17px!important}.build-details{margin:25px 0 65px}.build-details>summary{padding:22px 0;border-block:1px solid var(--line);font-size:15px;cursor:pointer}.build-details[open]>summary{margin-bottom:35px}.build-details .scroll-chapter{height:auto;min-height:0}.build-details .scroll-chapter-inner{height:auto;min-height:65svh;position:relative;padding:45px 0}.build-details .scroll-chapter .project-media{height:45svh}.build-details .scene-coordinate{display:none}.build-details .client-card{border:0;border-radius:0;border-top:1px solid var(--line);background:transparent;padding:30px 0}.client-grid{gap:35px}.robotics-gallery{gap:35px}.robotics-frame{overflow:hidden}.robotics-frame img{transform:scale(calc(1.07 - var(--detail-p,1)*.07));border-radius:0}.robotics-story{position:sticky;top:110px;align-self:start}.result-strip>div{position:relative;padding-bottom:20px}.result-strip>div:after{position:absolute;content:'';left:0;bottom:0;width:100%;height:2px;background:var(--green);transform:scaleX(var(--detail-p,0));transform-origin:left}.sensor-live-demo,.physics-live-demo{padding:65px 0;margin-block:35px;border-block:1px solid var(--line)}.sensor-live-demo h2,.physics-live-demo h2{font-size:clamp(30px,4vw,52px);margin-bottom:35px}.sensor-track,.momentum-track{height:150px;position:relative;margin-block:30px;border-bottom:1px solid var(--line);overflow:hidden}.sensor-screen{position:absolute;left:8%;bottom:0;width:20px;height:110px;border:3px solid var(--ink);border-radius:6px}.sensor-target{position:absolute;bottom:0;left:calc(18% + var(--distance,.6)*65%);width:48px;height:75px;border:2px solid var(--green);border-radius:24px 24px 4px 4px}.sensor-limit{position:absolute;left:40%;height:130px;bottom:0;border-left:1px dashed var(--muted)}.sensor-readings{display:flex;align-items:center;gap:30px;margin-bottom:25px}.sensor-readings output{font-size:45px;letter-spacing:-.05em}.live-led{font:12px Consolas,monospace}.live-led:before{content:'';display:inline-block;width:9px;height:9px;border:1px solid currentColor;border-radius:100px;margin-right:10px}.led-on .live-led:before{background:var(--green);border-color:var(--green);box-shadow:0 0 20px #3558f355}.sensor-live-demo label,.physics-live-demo label{display:block;font-size:13px}.sensor-live-demo input,.physics-live-demo input{width:100%;min-height:36px;accent-color:var(--green)}.momentum-track{height:90px}.momentum-track span{position:absolute;left:0;bottom:0;width:48px;height:48px;background:var(--green);border-radius:50%}.momentum-readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.momentum-readouts p{font-size:12px}.momentum-readouts strong{display:block;font-size:20px;color:var(--ink);font-weight:500}.momentum-play{cursor:pointer}.page-contact>a{background:linear-gradient(var(--green),var(--green)) 0 100%/0 2px no-repeat;transition:background-size .4s;width:fit-content;text-decoration:none}.page-contact>a:hover{background-size:100% 2px}.motion-off .scroll-chapter{height:auto;min-height:0}.motion-off .scroll-chapter-inner{position:relative;min-height:65svh;height:auto}.motion-off .scroll-showroom{height:auto}.motion-off .showroom-inner{position:relative;height:auto;min-height:85svh}.motion-off .scroll-detail,.motion-off .scroll-title,.motion-off .scroll-chapter .strip-media,.motion-off .scroll-chapter .project-media,.motion-off .scroll-chapter .strip-copy,.motion-off .scroll-chapter .project-copy{transform:none!important;opacity:1!important;clip-path:none!important}.motion-off *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.scroll-chapter.chapter-arrived,.project-case.reveal,.client-card.reveal{animation:none!important}.showroom-slide.is-current{transform:translateY(calc((.5 - var(--slide-p,.5))*35px)) rotateY(calc((.5 - var(--slide-p,.5))*8deg)) scale(calc(1.03 - var(--slide-p,.5)*.03))}.contact-compass{position:relative;width:min(440px,100%);margin:40px auto 0;color:var(--green);aspect-ratio:1}.contact-compass svg{width:100%;height:100%;overflow:visible}.compass-ring{transform-origin:150px 150px;transform:rotate(calc(var(--compass-p,0)*80deg))}.contact-compass a{position:absolute;font:11px Consolas,monospace;background:var(--paper);padding:7px;color:var(--ink);text-decoration:none}.contact-compass a:hover{color:var(--green)}.compass-work{top:3%;left:35%}.compass-about{bottom:15%;left:0}.compass-play{bottom:15%;right:0}.motion-off .showroom-slide.is-current,.motion-off .compass-ring{transform:none!important}.motion-off .home .studio-hero,.motion-off .studio-hero{height:auto}.motion-off .studio-hero>.shell{position:relative}.motion-off .studio-grid>div:first-child{transform:none!important;opacity:1!important}
@media(max-width:1000px){.showroom-inner{gap:30px}.showroom-stage{height:45svh}.showroom-copy h2{font-size:29px}.showroom-copy p{font-size:12px}.timeline article{grid-template-columns:120px 1fr}.timeline article p{grid-column:2}.chapter-tools{gap:18px}}
@media(max-width:760px){.chapter-tools{gap:12px}.chapter-tools>a{display:none}.scroll-scenes-ready .scroll-chapter{height:auto;padding:30px 0 45px}.scroll-chapter-inner,.scroll-chapter:nth-child(odd) .scroll-chapter-inner{position:relative;top:0;height:auto;grid-template-columns:1fr;gap:25px;padding:15px 0 35px}.scroll-chapter:nth-child(odd) .strip-media{order:0}.scroll-chapter .strip-media,.scroll-chapter .project-media{height:43svh;min-height:250px;transform:translateY(calc((1 - var(--chapter-p,1))*15px))}.scroll-chapter .strip-copy,.scroll-chapter .project-copy{transform:none}.scene-coordinate{position:relative;grid-column:1;bottom:0;font-size:8px}.scene-coordinate:after{display:none}.scroll-showroom{height:auto;margin-top:10px}.showroom-inner{position:relative;height:auto;grid-template-columns:1fr;padding:45px 0;gap:48px}.showroom-stage{height:35svh;min-height:220px}.showroom-copy h2{font-size:32px}.showroom-copy p{font-size:14px}.showroom-selectors button{font-size:11px;padding:13px 0}.showroom-slide,.showroom-slide.is-current{transform:none}.timeline article{display:block;padding:25px 0}.timeline article h3{margin-top:15px}.timeline article p{margin-top:10px}.reading-timeline{padding-left:20px}.robotics-story{position:relative;top:auto}.momentum-readouts{gap:12px}.momentum-readouts strong{font-size:16px}.sensor-live-demo{padding-block:40px}.motion-switch{font-size:8px!important}.build-details .scroll-chapter-inner{min-height:0}.build-details .scroll-chapter .project-media{height:35svh}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.scroll-chapter,.scroll-showroom{height:auto!important}.scroll-chapter-inner,.showroom-inner{position:relative!important;height:auto!important}.scroll-detail,.scroll-title{transform:none!important;opacity:1!important;clip-path:none!important}*{animation:none!important;transition:none!important}}
@media(max-width:760px){.scroll-showroom{height:300svh}.showroom-inner{position:sticky;top:0;height:100svh;padding:85px 0 20px;gap:22px;grid-template-rows:minmax(160px,30svh) 1fr;align-content:start}.showroom-stage{height:100%;min-height:0}.showroom-counter{bottom:8px;left:8px;background:#10191ddd;padding:5px;z-index:3}.showroom-copy{align-self:start}.showroom-copy .section-number{font-size:8px;margin-bottom:7px}.showroom-copy h2{font-size:25px;margin-bottom:10px}.showroom-copy p{font-size:12px;line-height:1.5;margin-bottom:10px}.showroom-copy .text-links{margin:10px 0;gap:18px}.showroom-copy .text-links a{font-size:11px}.showroom-selectors{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 8px;margin-top:14px}.showroom-selectors button{font-size:8px;line-height:1.4;padding:8px 3px;min-width:0;overflow-wrap:anywhere}.showroom-selectors button[aria-pressed=true]{padding-left:5px}.showroom-hint{font-size:8px!important;margin-top:10px!important}.motion-off .showroom-inner{height:auto;grid-template-rows:240px auto;min-height:0}}
.momentum-track span{left:calc(var(--physics-p,0)*(100% - 50px))}.film-chapter{height:150svh;position:relative}.film-chapter .physipeak-footage{position:sticky;top:100px;height:65svh;transform:perspective(1200px) rotateY(calc((.5 - var(--film-p,0))*7deg));clip-path:inset(0 calc((1 - var(--film-p,0))*5%))}.motion-off .film-chapter{height:auto}.motion-off .film-chapter .physipeak-footage{position:relative;top:0;transform:none;clip-path:none}@media(max-width:760px){.film-chapter{height:auto}.film-chapter .physipeak-footage{position:relative;top:0;transform:none;height:60svh}}@media(prefers-reduced-motion:reduce){.film-chapter{height:auto!important}.film-chapter .physipeak-footage{position:relative!important;top:0!important;transform:none!important;clip-path:none!important}}