body{margin:0;padding:0;font-family:signika NEGATIVE,ABEL,Abadi MT Condensed Light,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Source Han Sans SC,sans-serif;font-weight:300}.switch{z-index:2;opacity:.5;width:47px;height:20px;margin-top:15px;margin-left:10px;display:inline-block;position:relative}.switch input{display:none}.tokens{text-align:center;width:100%;height:auto;margin:2% 1.5% 20px}.tokenText{text-align:center}.tokenColumn{width:10.5%;margin:2% 1%}.composerImage{width:60%;height:100%;margin-top:3%}#pic_quickdraw{width:50%;height:60%;margin-top:3%}#airplane_overview{width:80%;height:80%;margin-top:3%}#draw_airplane{width:20%;height:20%}.videos_scribbling_speech{width:60%;margin-top:5%}.image_scribbling_speech{width:60%;height:60%;margin-top:10%;margin-bottom:2%}.visualisation_video{border:1px solid;width:768px;height:432px}#conceptSketch{width:25%;height:15%;margin-top:3%}.terminal_demo{width:55%;margin-top:5%;margin-bottom:5%}.picture_note{text-align:center;letter-spacing:.05em;line-height:155%}.slider{cursor:pointer;background-color:#ccc;-webkit-transition:all .4s;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:16px;height:16px;-webkit-transition:all .4s;transition:all .4s;position:absolute;bottom:2px;left:3px}input:checked+.slider{background-color:#938b47}input:focus+.slider{box-shadow:0 0 1px #938b47}input:checked+.slider:before{-webkit-transform:translate(26px);-ms-transform:translate(26px);transform:translate(26px)}.slider.round{border-radius:56px}.slider.round:before{border-radius:50%}.videoShadow{box-shadow:0 26px 52px #8c8c8c80}#flower{opacity:0;animation:4s linear 2s infinite secondElementAppear}@keyframes secondElementAppear{0%{opacity:0}20%{opacity:1}40%{opacity:1}50%{opacity:0}to{opacity:0}}.path{stroke-dasharray:1000;stroke-dashoffset:0;stroke:red;animation:4s linear dash}@keyframes dash{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:500px}}#navigation{z-index:2;flex-direction:row;justify-content:center;display:flex;top:0;left:0}ul{margin:-51px auto 33px;padding:0}li{letter-spacing:.1em;font-size:1rem;font-weight:600;display:block}h1{text-align:right}#headerSticky{z-index:40;position:sticky;top:0}#headerSticky:before{content:"";z-index:3;opacity:0;pointer-events:none;background:#0009;transition:opacity .2s ease-out .1s;position:absolute;inset:0}#headerSticky.is-scrolled:before{opacity:1}#headerSticky.is-scrolled #mask{opacity:0}#headerSticky #navigation a{transition:color .2s ease-out .1s}#headerSticky.is-scrolled #navigation a,#headerSticky.is-scrolled #navigation a:link,#headerSticky.is-scrolled #navigation a:visited,#headerSticky.is-scrolled #navigation a:hover{color:#fff}#headerSticky.no-header-transition:before,#headerSticky.no-header-transition #mask,#headerSticky.no-header-transition #navigation a{transition:none}html:has(#headerSticky){scroll-padding-top:100px}@media (width<=768px){html:has(#headerSticky){scroll-padding-top:100px}#headerSticky{background:#fff}#headerSticky #mask{height:48px}#headerSticky #navigation a,#headerSticky #navigation a:hover,#headerSticky #navigation a:focus,#headerSticky #navigation a:focus-visible,#headerSticky #navigation a:active{background-color:#0000}}#mask{opacity:.4;z-index:2;width:100%;height:84px;transition:opacity .2s ease-out .1s}.maskBlack{background:#000}#header{z-index:4;flex-direction:row;justify-content:center;display:flex}#video{z-index:1;margin-top:-14%;margin-bottom:2%}.title{color:#fff}a:link{z-index:4;color:#fff;opacity:1;padding:33px 20px;text-decoration:none}a:visited{color:#fff}a:hover{color:#000;opacity:.6;background-color:#f5f5f5}a:active{color:#fff}.hoverBlack:hover{color:#000}.indexActive{color:#fff}.indexActive:hover,.aboutActive,.aboutActive:hover,.aboutActive:visited,.aboutActive:link,.contactActive,.contactActive:visited,.contactActive:link,.contactActive:hover,.blogActive,.blogActive:visited,.blogActive:link,.blogActive:hover{color:#000}.itemCenter{align-items:center}.maskWhite{background:#fff}.textOnVideo{color:#fff;z-index:10;letter-spacing:.1em;text-align:center;text-shadow:0 0 15px #2f34434d,0 0 50px #2f344366;align-items:center;margin-top:-30%;margin-bottom:20%;font-size:2.15em;font-weight:800;line-height:1.2}.flexSpaceAround{flex-flow:wrap;justify-content:space-around;display:flex}.center{flex-direction:row;justify-content:center;width:33%;margin:10px 0;display:flex}.centerInk{flex-flow:wrap;justify-content:center;width:100%;margin-top:0;margin-bottom:40px;display:flex}.containerColumnInkText{flex-direction:column;justify-content:flex-start;width:40%;margin:30px 20px;display:flex}.movementText{flex-direction:column;justify-content:flex-end;width:27%;margin:30px 20px;display:flex}.containerColumnInkPic{flex-direction:column;justify-content:center;width:40%;display:flex}.floatBlock{float:left;max-width:370px;margin:40px 10px;padding:10px}.selectedWorks{letter-spacing:.1em;margin-bottom:-40px;margin-left:5%;font-size:30px;font-weight:800}.breezeBlock,.speechBlock{width:100%;height:100%}#leapMotion,#jieThumb,#omzugThumb,#webThumb,#composerThumb,#wordThumb,#breezeThumb,#speechThumb,#magThumb{width:100%;height:auto}.smallTitle{letter-spacing:.06em}.containerColumn{flex-direction:column;justify-content:center;display:flex}.containerCenter{flex-flow:wrap;justify-content:center;align-items:center;width:100%;display:flex}.designBoom{color:#000;letter-spacing:.06em;background-color:#ff0;padding:30px;font-size:36px}.breezeTitle{z-index:2;letter-spacing:.06em;margin-top:30px;margin-bottom:70px;font-size:35px;font-weight:600}.breezeText{margin-top:100px}.userTest{width:40%;height:40%}.textBegin{margin-top:50px}.designBoom:hover{color:#000;letter-spacing:.06em;background-color:#00f}.designBoom:visited{color:#000;letter-spacing:.06em;background-color:#ff0}#email{color:#bdbdbd;margin-bottom:-35px}#phone,#address{color:#bdbdbd;margin-top:10px;margin-bottom:-35px}#instagram{margin-top:10px;margin-bottom:-35px}#contactBlock{letter-spacing:.1em;margin-top:115px;line-height:200%}#blogBlock{margin-top:30px}#water{width:100%;margin-top:10%}.hideIndex{display:none}#bottom{letter-spacing:.04em;margin-top:45px;margin-bottom:30px;font-size:small}body.about-active #bottom{z-index:1;margin:0;position:fixed;bottom:2%;left:50%;transform:translate(-50%)}body.contact-active #waterImage{z-index:0;pointer-events:none;margin:0;position:fixed;bottom:0;left:0;right:0}body.contact-active #water{width:100%;height:auto;margin:0;display:block}body.contact-active #bottom{z-index:1;margin:0;padding-bottom:2%;position:fixed;bottom:0;left:50%;transform:translate(-50%)}#about{width:100%;margin:30px 20% 0}#aboutText{letter-spacing:.06em;width:100%;margin-top:70px;line-height:200%}#download:link{color:#9e9e9e;padding:0;text-decoration:underline}#download:visited{color:#000;text-decoration:underline}#download:hover{color:#a8bfce;opacity:1;background-color:#fff}.download{margin-top:10px;margin-bottom:20px}#inkButton:link,#inkButton:visited{color:#000}#inkButton:hover{color:#000;opacity:1;background-color:#fff}#jieButton:link,#jieButton:visited{color:#000}#jieButton:hover{color:#000;opacity:1;background-color:#fff}#omzugButton:link,#omzugButton:visited{color:#000}#omzugButton:hover{color:#000;opacity:1;background-color:#fff}#breezeButton:link,#breezeButton:visited{color:#000}#breezeButton:hover{color:#000;opacity:1;background-color:#fff}#speechButton:link,#speechButton:visited{color:#000}#speechButton:hover{color:#000;opacity:1;background-color:#fff}#magpuzzButton:link,#magpuzzButton:visited{color:#000}#magpuzzButton:hover{color:#000;opacity:1;background-color:#fff}#webButton:link,#webButton:visited{color:#000}#webButton:hover{color:#000;opacity:1;background-color:#fff}#composerButton:link,#composerButton:visited{color:#000}#composerButton:hover{color:#000;opacity:1;background-color:#fff}#wordButton:link,#wordButton:visited{color:#000}#wordButton:hover{color:#000;opacity:1;background-color:#fff}.floatLeft{float:left;flex-direction:column}.floatRight{float:right;flex-direction:column}#inkPart{margin-top:15px;margin-bottom:30px}.backButton{z-index:31;width:22px;margin-top:30px;margin-left:12%}.projectTitle{letter-spacing:.06em;margin-top:30px;font-size:22px;font-weight:600}.projectText{letter-spacing:.05em;width:100%;line-height:120%}#ink1{width:120%;margin-top:50px;margin-left:-106px}#movementStudy{width:100%}.containerCenterContent{flex-direction:row;justify-content:center;margin:0 100px;display:flex}.prototypePart{letter-spacing:.1em;font-size:30px;font-weight:800}.electronics{width:40%;height:100%}.besides{color:#1f1f1f;letter-spacing:.06em;margin-top:100px;margin-bottom:30px;font-size:30px;font-weight:800}.projectContent{margin:0 15%}.insBorrow{z-index:1;width:100%;height:100%;margin-top:-85px}.insBorrowTitle{z-index:2;letter-spacing:.06em;margin-top:30px;margin-bottom:30px;font-size:35px;font-weight:600}.projectTextInsBorrow{letter-spacing:.05em;width:60%;margin-bottom:0;font-size:16px;line-height:155%}.storyImage{width:60%;height:100%;margin-left:15%}.paperCut{width:60%;height:100%}.ideation{margin-top:60px;margin-bottom:50px}.paperFlow{width:60%;height:100%;box-shadow:0 35px 101px -17px #00000024}.subTitle{letter-spacing:.06em;font-size:20px}.appFlow{width:76%;height:100%}.paperPrototype{margin-top:150px;margin-right:30px}.threeSteps{margin-top:30px}.appGif{width:20%;height:100%;margin-top:60px;box-shadow:0 35px 101px -17px #0003}.textRight{letter-spacing:.02em;width:20%;margin-top:13%;margin-bottom:0;margin-left:17%;font-size:16px;line-height:134%}.textLeft{letter-spacing:.02em;width:20%;margin-top:13%;margin-bottom:0;margin-right:17%;font-size:16px;line-height:134%}.face{width:20%}.description{margin-top:70px;margin-bottom:30px}.grids{width:100%}.prototypes{color:#45b545;letter-spacing:.04em;font-size:50px;font-weight:800}.prototypeGifs{z-index:1;margin-top:-465px}.anotherMe{z-index:1;margin-top:0}.roundMasks{z-index:1;width:233px;padding:0 11px}.prototypeImage{margin:-10px 0}.prototypeImage:link{color:#000;opacity:1;background-color:#0000}.prototypeImage:visited{background:0 0}.prototypeImage:hover{opacity:1;background:0 0}.prototypeTitleBlock{flex-flow:wrap;justify-content:center;margin-top:-20px;margin-bottom:50px;display:flex}.prototypeTitle{text-align:center;letter-spacing:.06em;width:23%;font-size:21px}.prototypeTag{letter-spacing:.06em;color:#000;align-self:center;font-size:18px}.besidesTitle{text-align:center;letter-spacing:.06em;width:33.3%;font-size:21px}#bowImage{width:65%;margin-top:5%}#tailMaterial{width:100%;height:100%;margin-top:-51px}#lilypad{width:45%;margin-top:5%;margin-bottom:10px}.noHoverStyle:link{color:#000;opacity:1;background-color:#0000}.noHoverStyle:visited{background:0 0}.noHoverStyle:hover{opacity:1;background:0 0}.moodCards{width:300px;padding:5px}.metaphors{flex-wrap:wrap;width:80%;margin-top:50px;margin-bottom:50px}.conceptSketch{width:30%;margin:-20px 0}.blowGif{flex-wrap:wrap;width:33%}.layoutText{align-self:center;width:20%}.layoutGif{width:50%;height:100%;margin-left:-10%}.componentImage{width:100%}.oneOfTwo{width:35%;height:100%;margin-top:60px;padding:0 30px}.twoVideos{width:45%;height:100%;margin:3% 1%}.assembleTitleText{letter-spacing:.04em;margin-bottom:10px;font-size:20px;line-height:134%}.breezeVideo{letter-spacing:.06em;width:960px;margin-top:50px;margin-bottom:70px;font-weight:600}.breezeVideoTitle{margin-bottom:-25px}.indiaText{margin-bottom:5%}#omzugLogo{width:16%;height:100%;margin-right:5%}.omzugLink{letter-spacing:.04em;margin-top:-1%;margin-bottom:2%;font-size:20px;line-height:134%}.omzugGif{width:50%;height:100%;margin-bottom:4%}.berlinIllustration{width:70%;height:100%}#omzugVideo{width:90%;height:100%;margin-bottom:30px}.animatedRoom{width:70%;height:100%;margin-top:5%}.logoText{align-self:center;width:30%;margin-left:5%}.logoBlock{margin-top:5%;margin-bottom:5%}.roomGif{display:none}.omzugImage{width:80%;height:100%;margin-top:1%;margin-bottom:4%}.omzugText{letter-spacing:.04em;align-self:center;width:20%;margin-left:8%;font-size:20px;line-height:134%}.webVideo{margin-top:-50px}.webGif{display:none}.whatILearned{margin-bottom:100px}.myWeb{width:70%;height:100%;margin-top:5%;margin-bottom:5%}.prototype-page .projectContent,.prototype-page .vimeoInk,.prototype-page .myWeb,.prototype-page #lilypad,.prototype-page .projectContent img,.prototype-page .projectContent video{width:60vw;max-width:60vw;height:auto;margin-left:auto;margin-right:auto;display:block}@media (width<=414px){.prototype-page .projectContent,.prototype-page .vimeoInk,.prototype-page .myWeb,.prototype-page #lilypad,.prototype-page .projectContent img,.prototype-page .projectContent video{width:90vw;max-width:90vw}}.prototype-page .is-portrait,.prototype-page #lilypad.is-portrait{width:30vw;max-width:30vw}@media (width<=414px){.prototype-page .is-portrait,.prototype-page #lilypad.is-portrait{width:45vw;max-width:45vw}}body.prototype-page{padding-bottom:5%}body.prototype-page>div:last-of-type,body.prototype-page>div:last-of-type>:last-child{margin-bottom:0}@media (width<=768px){#prototypePart .prototypeImage,#besidesPart .prototypeImage{margin:12px 0}}.bgm{letter-spacing:.04em;margin-top:-3%;margin-bottom:5%;font-size:14px;line-height:134%}.bucket{width:25%;height:100%;margin-top:6%;margin-bottom:6%}.blogText{width:85%}.blogDate{font-size:12px}@media (width<=1280px){#video{margin-bottom:0}.prototypeGifs{margin-top:-387px}.indiaText{margin-bottom:20px}#omzugVideo{margin-bottom:0}}@media (width<=1024px){.roundMasks{width:180px}.prototypeGifs{margin-top:-31%}}@media (width<=768px){.placeholder{display:none}.bucket{width:40%;margin-top:10%}.center{flex-direction:column;justify-content:center;width:100%;min-width:100%;display:flex}.textOnVideo{color:#1a1a1a;min-width:100%;text-shadow:none;letter-spacing:.06em;margin-top:14%;margin-bottom:18%;font-size:25px;line-height:134%}#video{min-width:100%;margin-top:0}.selectedWorks{color:#393939;margin-top:20px;margin-bottom:20px;margin-left:12%;font-size:medium}#mask{background:#fff}.title{color:#000}a:link,a:visited{color:#393939}a:hover{color:#000;opacity:1}.itemCenter{margin:0 8px}#contactBlock{letter-spacing:.06em;margin-top:33px;margin-bottom:20px;padding:0 20px;font-size:16px}#bottom{margin-top:20px;font-size:11px}#about{width:88%;margin-top:-15px}#aboutText{letter-spacing:.04em;margin-top:50px;line-height:134%}#water{width:100%;height:129px}.download{margin-top:25px;margin-bottom:30px}.smallTitle{margin:5px 0 10px}#inkButton:link,#jieButton:link,#omzugButton:link,#magpuzzButton:link,#webButton:link,#composerButton:link,#breezeButton:link,#speechButton:link{padding:0 10px}#leapMotion{width:100%;height:auto%}#jieThumb,#breezeThumb,#omzugThumb,#composerThumb{width:100%;height:auto}.containerColumnInkText,.containerColumnInkPic{width:100%}.projectText{letter-spacing:.04em;width:100%;margin-bottom:0;line-height:134%}.projectTitle{border-top:1px solid #d3d3d3;margin-top:-50px;padding-top:10px}.vimeoInk{width:100%}#ink1{width:100%;margin-top:0;margin-bottom:-48px;margin-left:0}#email{margin-top:-26px}.centerInk{margin:40px 0}.insBorrow{margin-top:-51px}.projectTextInsBorrow{width:100%}.insBorrowTitle{font-size:30px}.storyImage{width:80%;height:100%;margin-left:0}.paperPrototype{margin-top:20px;margin-bottom:10px;margin-right:0}.appGif{width:34%}.textRight,.textLeft{width:50%}.prototypes{margin-top:10%;font-size:30px}.prototypeGifs{margin-top:0}.grids,.prototypeTitle,.besidesTitle{display:none}.besides{margin-top:0}#bowImage{width:100%;margin-top:20px}ul.slick-dots{margin-top:-30px}#tailMaterial{margin-top:-51px}#lilypad{width:75%}.armbandGif{margin-top:-51px}.roundMasks{width:100%}.conceptSketch{width:50%}.blowGif{width:80%;margin-top:-10px}.layoutGif{width:90%;height:100%;margin-bottom:70px;margin-left:0}.breezeVideo{margin-bottom:50px}.breezeVideoTitle{margin-bottom:-30px}.logoText{margin:0 5%}}@media (width<=414px){.composerImage{width:90%;height:100%}.tokenText{text-align:center;font-size:9pt}.tokenColumn{width:12%;margin:2% 3%}.bucket{width:90%;margin-top:30px;margin-bottom:50px}#email{margin-top:64px}#water{margin-top:203px;margin-bottom:-51px}#pic_quickdraw{width:80%;margin-top:5%}#airplane_overview{width:95%;margin-top:10%;margin-bottom:3%}.videos_scribbling_speech{width:90%}#box_view{width:100%}.picture_note{font-size:10px}.image_scribbling_speech{width:95%}#draw_airplane{width:80%;height:80%}.visualisation_video{border:0;width:960px;height:540px;margin:0 3% 3%}#conceptSketch{width:60%;margin-top:5%;margin-bottom:-15%}.terminal_demo{width:100%;margin-top:5%;margin-bottom:7%}.userTest{width:90%;height:90%}.backButton{margin-left:7%}.selectedWorks{margin-left:9%}.electronics{width:63%}.projectContent{margin:0 5%}.insBorrowTitle{margin-top:10px;padding-top:10px;font-size:25px}.projectTextInsBorrow{font-size:17px}.paperCut{width:100%}.paperFlow{width:60%}.designBoom{font-size:14px}.ideation{margin-top:20px;margin-bottom:0}.appFlow{width:87%;margin:0 15px}.storyImage{width:93%;height:100%}.appGif{width:60%}.textRight{width:100%;margin-left:15%;font-size:17px}.textLeft{width:100%;margin-top:0;margin-left:14%;font-size:17px}.face{width:12%}.description{margin-top:30px;margin-bottom:-20px}.grids{display:none}.prototypeGifs{margin-top:0}.roundMasks{width:200px;margin:3px 0}.prototypes{font-size:30px}.printImage{width:90%}#about{margin:-10px 10px}#aboutText{margin-top:20px;line-height:159%}.besides{margin-bottom:0;font-size:20px}.projectTitle{margin-top:-50px}.vimeoInk{width:90%;height:100%}.textOnVideo{font-size:18px}.conceptSketch{width:75%}.oneOfTwo{width:90%;height:100%;margin-top:70px;padding:50px 0}.twoVideos{width:90%;height:100%}.breezeVideo{margin-top:10px}.layoutGif{margin-bottom:20px}.breezeVideoTitle{margin-top:40px;margin-bottom:0;font-size:20px}.componentImage{margin-bottom:-70px}.assembleTitleText{margin-top:40px;font-size:17px}.prototypeImage{margin:-24px 0}.prototypeTag{font-size:17px}#omzugVideo{display:none}.omzugLink{margin-top:-6%}.omzugGif{width:100%;margin-bottom:10px}#omzugLogo{width:31%;margin-bottom:20px;margin-right:0}.animatedRoom{display:none}.roomGif{width:90%;height:100%;margin:6% 0;display:block}.webGif{width:100%;height:100%;margin-top:-25px;display:block}.omzugText{width:100%;margin:0 5%;font-size:17px}.omzugImage{width:90%;height:100%}.webVideo{margin-top:-30px;display:none}.whatILearned{margin-bottom:30px}.myWeb{width:90%;height:100%}.bgm{margin-top:-7%}.blogText{width:100%}}@media (width<=375px){#email{margin-top:64px}#water{margin-top:134px;margin-bottom:-51px}.backButton{margin-left:8%}.selectedWorks{margin-left:9%}.inkPart{margin-bottom:25px}.vimeoInk{margin-top:18px}.oneOfTwo{padding:40px 0}.bucket{margin-top:48px}}@media (width<=320px){.bucket{margin-top:30px}#email{margin-top:20px}#water{margin-top:80px}.selectedWorks{margin-left:11%}.backButton{margin-left:9%}.textOnVideo{width:100%;font-size:14px;line-height:169%}.oneOfTwo{padding:30px 0}.omzugLink{margin-bottom:6%;font-size:16px}.omzugTitle{font-size:18px}.smallTitle{font-size:15px}a:link{padding:33px 10px}}.responsivePicture{display:contents}.backButtonLink{display:block}.backButtonLink:link,.backButtonLink:visited,.backButtonLink:hover,.backButtonLink:active{opacity:1;background-color:#0000;padding:0}.mediaCaption{text-align:center;letter-spacing:.05em}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/fonts/material-icons.woff2)format("woff2")}.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.homeCard:link,.homeCard:visited{color:#000}.homeCard:hover,.homeCard:active{color:#000;opacity:1;background-color:#fff}.homeCardImage{height:auto}@media (width<=768px){#navigation{flex-wrap:wrap}ul{margin-top:0;margin-bottom:16px}#blogBlock{width:auto;margin-left:5%;margin-right:5%}.breezeVideo{width:100%}.homeCard:link{padding:0 10px}.prototypeImage:link{padding:0}}@media (width<=1199px){.vimeoInk{width:100%;max-width:100%;height:auto}.breezeVideo{width:100%}.visualisation_video{width:100%;height:auto}}.projectContent>p:not([class]):not([style]),.projectTextInsBorrow>p:not([class]):not([style]),.breezeText>p:not([class]):not([style]),.projectText>p:not([class]):not([style]){margin:0}img{height:auto}