.project--attract--content,.project--background,.project--background-container,.project--frame,.shaper--hero--device:after{position:absolute;top:0;bottom:0;left:0;right:0}@font-face{font-family:Red Hat Display;font-style:italic;font-weight:300 900;font-display:swap;src:url(https://fonts.gstatic.com/s/redhatdisplay/v20/8vIS7wUr0m80wwYf0QCXZzYzUoTg-A6tTY_vCk5YVqU.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Red Hat Display;font-style:italic;font-weight:300 900;font-display:swap;src:url(https://fonts.gstatic.com/s/redhatdisplay/v20/8vIS7wUr0m80wwYf0QCXZzYzUoTg-A6jTY_vCk5Y.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Red Hat Display;font-style:normal;font-weight:300 900;font-display:swap;src:url(https://fonts.gstatic.com/s/redhatdisplay/v20/8vIQ7wUr0m80wwYf0QCXZzYzUoTg8z6hR4jNCH5Z.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Red Hat Display;font-style:normal;font-weight:300 900;font-display:swap;src:url(https://fonts.gstatic.com/s/redhatdisplay/v20/8vIQ7wUr0m80wwYf0QCXZzYzUoTg_T6hR4jNCA.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*,:after,:before{box-sizing:border-box}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,main,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}html{background-color:#373737}body{overflow-x:hidden;transition:all 1s}body,div,html,input,textarea{font-family:Red Hat Display,sans-serif}body.loading *{transition:none!important}.unselectable{-webkit-user-select:none;-moz-user-select:none;user-select:none}.site-logo--head,.site-logo--tail{transition:fill .3s}.page-bg{pointer-events:none;position:fixed;top:0;left:0;right:0;bottom:0;background-size:auto 100%;background-position:50% 50%;opacity:0;transition:opacity 1s}body.bg-footer .page-bg--footer,body.bg-header .page-bg--header{opacity:1}.projects{display:flex;flex-direction:column;align-items:center;gap:100px;transition:gap .3s}@media(max-width:630px){.projects{gap:30px}}.project{max-width:1200px;width:calc(100vw - 40px);position:relative}.project video{pointer-events:none}.project.is-expanded:before{content:"";transform:skewY(-4deg);position:absolute;left:7px;right:7px;top:550px;box-shadow:0 -4px 0 0 #000,0 -7px 0 0 hsla(0,0%,100%,.4);height:5px;z-index:13}.project--frame{pointer-events:none;transform:skewY(-4deg);display:block;z-index:10;box-shadow:inset 0 0 0 5px #000,inset 0 0 0 7px hsla(0,0%,100%,.4),0 4px 18px rgba(0,0,0,.4);border-radius:30px}.project--header{position:relative;height:550px;z-index:9;display:flex;flex-direction:column;justify-content:center}.project--background{transform:skewY(-4deg);border-radius:30px 30px 0 0;overflow:hidden;z-index:0}.is-collapsed .project--background{border-radius:30px;box-shadow:0 5px 0 0 rgba(0,0,0,0),0 8px 0 0 hsla(0,0%,100%,0)}.project--background-container{background-image:var(--background-image);background-position:50% 50%;background-size:cover;transform:skewY(4deg);top:-60px;bottom:-60px}.project--attract{pointer-events:none;position:absolute;left:50%;width:100vw;top:-100px;transform:translate(-50%) skewY(-4deg);z-index:11;overflow:hidden;height:750px;transition:opacity .3s}.project--attract--boundary{overflow:hidden;position:absolute;top:-100px;left:-200px;right:-200px;height:100%}@media(max-width:630px){.project--attract{opacity:0}}.project--attract--wrapper{position:absolute;transform:skewY(4deg);top:100px;width:50vw;left:0;display:flex;justify-content:center;align-items:center;bottom:0}.project--summary{display:flex;flex-direction:column;align-items:center;gap:20px;transition:all .3s;padding:0 5vw;position:relative}@media(max-width:900px){.project--summary{max-width:50%;padding:0 0 0 50px}}@media(max-width:630px){.project--summary{width:70%;max-width:unset;padding:0}}.project--hero{position:absolute;top:0;height:550px;display:flex;justify-content:flex-end;align-items:center;z-index:12}@media(max-width:630px){.project--hero{justify-content:center!important;width:100%}}.project--lead{position:relative;padding:0 0 70px}.project--lead--heading{display:flex;gap:25px;align-items:center;padding-bottom:30px}.project--lead--content{position:relative;z-index:3;background:linear-gradient(175deg,rgba(0,0,0,.5),rgba(0,0,0,.1));box-shadow:0 2px 0 1px #000,0 2px 0 4px hsla(0,0%,100%,.2);padding:50px 30vw 50px 50px;margin:0 -25px;transform:skewY(-4deg);color:#fff}@media(max-width:800px){.project--lead--content{padding:50px}}.project--lead:after{top:100px;height:300px;z-index:1}.project--lead:after,.project--lead:before{position:absolute;content:"";display:block;left:-25px;right:-25px}.project--lead:before{z-index:0;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;top:-100px;height:500px}.project--content{position:relative;transition:height .3s;z-index:8;display:none}.project--content-wrapper{padding:0 30px 70px}.project--logo img{width:450px;transition:all .2s}@media(max-width:900px){.project--logo img{width:100%}}.project.is-expanded .project--content{display:block}.project.is-collapsed .project--content-background{display:none}.project--content-background{position:absolute;top:550px;left:0;right:0;bottom:0;transform:skewY(-4deg);border-radius:0 0 30px 30px;z-index:1}.project--attract--wrapper{left:40%;right:0}.project--hero{justify-content:flex-start}.project--about{color:#fff;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.5)}.project--action,.project--button{display:block;background:#381980;color:#fff;text-decoration:none;font-size:18px;font-weight:800;padding:17px 37px;border-radius:8px;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.3),0 2px 0 4px #000;text-shadow:0 1px 2px rgba(0,0,0,.4);transition:all .4s;cursor:pointer}.project--action:hover,.project--button:hover{transition:all .2s;transform:rotate(-2deg) scale(1.1)}.project--button{text-decoration:none;background:var(--bg-color,#179ED3);color:var(--text-color,#ffffff)!important}.project--button.as-inline{display:inline-flex}.project--button.as-large{font-size:24px}.project--items{display:grid;grid-template-columns:repeat(3,32.5%);flex-wrap:wrap;grid-gap:15px;gap:15px}@media(max-width:950px){.project--items{grid-template-columns:repeat(2,50%)}}@media(max-width:650px){.project--items{grid-template-columns:repeat(1,100%)}}.project--icons{z-index:22;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;right:0;top:460px;transform-origin:100% 0;transform:skewY(-4deg) translate(-20px,25%);display:flex;align-items:center;gap:15px;padding:15px;border-radius:25px;box-shadow:inset 0 0 0 3px #000,inset 0 0 0 5px hsla(0,0%,100%,.3);opacity:0}.project--icons--label{width:1px;margin-right:-15px;opacity:0;transition:all .5s;text-align:left;font-size:17px;font-weight:700;color:#999;transform:rotate(-10deg) skewX(-10deg)}.project--icons--label span{display:block;padding-left:10px}.project--icons--label span:nth-child(2){padding-left:25px}.project--icons:hover .project--icons--label{transition:all .2s;margin:0;width:70px;opacity:1}.project--icons--tooltip{background:#000;color:#fff;position:absolute;left:50%;bottom:0;transform:translate(-30%,150%) rotate(-15deg);white-space:nowrap;padding:6px 9px;border-radius:5px;opacity:0;pointer-events:none;transition:all .3s;font-size:15px;font-weight:800}.project--icons--icon:hover .project--icons--tooltip{transform:translate(-50%,120%);box-shadow:-1px 2px 0 4px #000,inset 0 0 0 1px hsla(0,0%,100%,.5);opacity:1}.project--icons--icon:hover .project--icons--img{transform:skewY(4deg) scale(1.45);opacity:1}.project--icons--img{transform-origin:50% 100%;max-height:42px;max-width:42px;transform:skewY(4deg);transition:all .3s}@media(max-width:490px){.project--icons{gap:8px;padding-left:25px;padding-right:25px;transform:skewY(-4deg) translate(-20px,50%)}.project--icons--img{width:26px}}.project--icons--icon{cursor:pointer;opacity:0;transform:translateY(-60%);position:relative}.project--icons--icon:first-child{transition-delay:66ms}.project--icons--icon:nth-child(2){transition-delay:132ms}.project--icons--icon:nth-child(3){transition-delay:198ms}.project--icons--icon:nth-child(4){transition-delay:264ms}.project--icons--icon:nth-child(5){transition-delay:.33s}.project--icons--icon:nth-child(6){transition-delay:396ms}.project--icons--icon:nth-child(7){transition-delay:462ms}.project--icons--icon:nth-child(8){transition-delay:528ms}.project--icons--icon:nth-child(9){transition-delay:594ms}.project--icons--icon:nth-child(10){transition-delay:.66s}.project--icons--icon:nth-child(11){transition-delay:726ms}.project.is-expanded .project--icons{opacity:1;transition:all .3s}.project.is-expanded .project--icons--icon{opacity:1;transform:none;transition-property:all;transition-duration:.75s;transition-timing-function:ease-out}.platform--icons{background:rgba(0,0,0,.4);box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.2),0 0 0 3px #000;padding:13px 16px;display:flex;gap:15px;border-radius:18px}.platform--icons img{height:30px;transform:skewY(4deg);filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.card{z-index:1;position:relative;transition:transform .5s}@media(max-width:950px){.card.as-fill{order:-1}}.card.as-wide{grid-column:span 2}.card.as-tall{grid-row:span 2}.card.as-xwide{grid-column:span 3}.card.as-wide .card--content{aspect-ratio:2/1}.card--content{position:relative;border-radius:15px;overflow:hidden;height:100%}.card--content:before{z-index:4;pointer-events:none;border-radius:15px;box-shadow:inset 0 0 0 4px #000,inset 0 0 0 6px hsla(0,0%,100%,.5)}.card--content:before,.card:after{position:absolute;content:"";display:block;top:0;left:0;right:0;bottom:0}.card.as-selected:after{top:-5vw;left:-5vw;right:-5vw;bottom:-5vw}.card:hover{transition:transform .2s;z-index:2}.card.as-tall:hover,.card.as-wide:hover,.card:hover{transform:scale(1.075)}.card.as-frame:after{display:none}.card.as-frame:hover{transform:none}.card--close{top:15px;opacity:0;pointer-events:none;cursor:pointer;font-size:26px;line-height:1em;border-radius:100%;width:31px;height:31px;background:hsla(0,0%,100%,.15);box-shadow:0 0 0 2px hsla(0,0%,100%,.3);justify-content:center}.card--close,.card--tag{position:absolute;right:15px;font-weight:800;color:#fff;display:flex;align-items:center;transition:opacity .3s}.card--tag{gap:12px;font-size:14px;bottom:15px;background:#000;padding:7px 14px;border-radius:100px;z-index:2;box-shadow:0 0 0 1px hsla(0,0%,100%,.15)}.card--tag svg{width:20px;height:20px;padding:0;margin:-10px -5px}.card--tag em{color:#aeaeae}.card:hover .card--tag{opacity:.25}.card--back{z-index:3;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);color:#fff;border-radius:15px;transform:translate(-100%,100%);transition:all .4s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 3px #000,inset 0 0 0 5px hsla(0,0%,100%,.4)}.card--back--content{height:100%;width:100%;opacity:0}.card.as-selected .card--back--content{opacity:1}.card.as-selected .card--close{opacity:1;pointer-events:all}.card--front{height:100%}.card--info{pointer-events:none;position:absolute;z-index:5;bottom:20px;left:25px;transition:all .3s}.card--info svg{transition:margin .3s;color:#fff;width:30px}.card:hover .card--info{transform:scale(1.4) rotate(-7deg)}.card:hover .card--info svg{animation:animate__bounce_info_hint 1.35s infinite;margin-top:5px}.card.as-selected .card--info{opacity:0}.card:hover .card--back{cursor:pointer;transition:transform .15s;transform:translate(calc(-100% + 80px),calc(100% - 80px))}.card.as-selected .card--back,.card.as-selected:hover .card--back{cursor:default;transition:transform .35s;transform:translate(0)}.card-image{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;height:100%}.card-sizer img.as-full{width:100%;height:100%}.card-sizer img.as-wide{height:100%}.card-sizer img.as-tall,.card-sizer img.as-wide{min-width:100%;display:none}.as-tall .card-image{background-size:auto 100%}.as-tall .card-sizer img.as-tall{display:unset}.as-tall .card-sizer img.as-full,.as-tall .card-sizer img.as-wide{display:none}.as-wide .card-image{background-size:100% auto}.as-wide .card-sizer img.as-wide{height:100%;display:unset}.as-wide .card-sizer img.as-full,.as-wide .card-sizer img.as-tall{display:none}.card video{top:0;bottom:0;height:100%;transform:translate(-50%)}.card canvas,.card video{position:absolute;left:50%}.card canvas{top:50%;transform:translate(-50%,-50%)}.card.as-wide video{width:100%;height:unset}.card.as-wide.force-height video{height:100%!important;width:unset}.card--text{display:flex;height:100%;padding:25px;justify-content:center;flex-direction:column;align-items:flex-start;text-align:left}.card--text img{max-width:100%}.card--text img.with-frame{position:relative;border-radius:10px;box-shadow:0 0 0 3px #000,0 0 0 5px hsla(0,0%,100%,.3)}@media(max-width:650px){.card.as-tall,.card.as-wide{grid-column:unset!important;grid-row:unset!important}.card.as-tall .card--content,.card.as-wide .card--content{aspect-ratio:1/1!important;grid-row:unset!important;grid-column:unset!important}.card video{height:100%!important;width:unset!important}.card-image{background-size:cover!important}.card-sizer img.as-tall,.card-sizer img.as-wide{display:none!important}.card-sizer img.as-full{display:unset!important}}.card-video--play{position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%);background:url(/play.png);background-size:100% 100%;pointer-events:none;opacity:.3;z-index:4;transition:opacity .5s}.card-video--play.as-dark{background:url(/play-dk.png)}.card:hover .card-video--play{transition:opacity .15s;opacity:0}.card-slideshow .card-image{position:absolute;top:0;left:0}.card-slideshow .card-slide:first-child .card-image{position:relative!important}.card-slideshow .card-slide{opacity:0;transition:opacity .4s}.card-slideshow .card-slide:first-child{opacity:1;z-index:1}.card-slideshow.show-slide-1 .card-slide:first-child{opacity:1}.card-slideshow .card-slide:nth-child(2){z-index:2}.card-slideshow.show-slide-2 .card-slide:nth-child(2){opacity:1}.card-slideshow .card-slide:nth-child(3){z-index:3}.card-slideshow.show-slide-3 .card-slide:nth-child(3){opacity:1}.card-slideshow .card-slide:nth-child(4){z-index:4}.card-slideshow.show-slide-4 .card-slide:nth-child(4){opacity:1}.card-slideshow .card-slide:nth-child(5){z-index:5}.card-slideshow.show-slide-5 .card-slide:nth-child(5){opacity:1}.card-slideshow .card-slide:nth-child(6){z-index:6}.card-slideshow.show-slide-6 .card-slide:nth-child(6){opacity:1}.card-slideshow .card-slide:nth-child(7){z-index:7}.card-slideshow.show-slide-7 .card-slide:nth-child(7){opacity:1}.card-slideshow .card-slide:nth-child(8){z-index:8}.card-slideshow.show-slide-8 .card-slide:nth-child(8){opacity:1}.card-slideshow .card-slide:nth-child(9){z-index:9}.card-slideshow.show-slide-9 .card-slide:nth-child(9){opacity:1}.card-slideshow .card-slide:nth-child(10){z-index:10}.card-slideshow.show-slide-10 .card-slide:nth-child(10){opacity:1}.card-slideshow .card-slide:nth-child(11){z-index:11}.card-slideshow.show-slide-11 .card-slide:nth-child(11){opacity:1}.card-slideshow .card-slide:nth-child(12){z-index:12}.card-slideshow.show-slide-12 .card-slide:nth-child(12){opacity:1}.card-slideshow .card-slide:nth-child(13){z-index:13}.card-slideshow.show-slide-13 .card-slide:nth-child(13){opacity:1}.card-slideshow .card-slide:nth-child(14){z-index:14}.card-slideshow.show-slide-14 .card-slide:nth-child(14){opacity:1}.card-slideshow--progress{padding-right:5px;display:flex;gap:2px;font-size:40px;font-weight:800;line-height:0;position:relative}.card-slideshow--progress span{transition:all .4s;opacity:.3;position:relative;top:-2px}.card-slideshow--progress span.active{top:-3px;opacity:1;transform:scale(1.3)}@keyframes animate__bounce_info_hint{0%{transform:translate(0)}20%{transform:translateY(-5px) rotate(7deg)}60%{transform:translate(0)}80%{transform:translateY(-5px) rotate(-3deg)}to{transform:translate(0)}}.card--text{text-shadow:0 1px 2px #000;max-width:40vw}.card--text.as-full{max-width:100%;width:100%}@media(max-width:950px){.card--text.as-full{max-width:unset;width:100%}}@media(max-width:650px){.card--text.as-full{width:100%}}@media(max-width:950px){.card--text{max-width:70vw}}@media(max-width:650px){.card--text{max-width:100%}}.card--text h2{font-weight:800;font-size:28px}.card--text h3{font-weight:900;font-size:24px;padding-bottom:10px}.card--text p{font-size:14.5px;font-weight:500;line-height:1.3em;padding-bottom:15px;color:#cecece}.card--text p:last-child{padding-bottom:0}.card--text em{font-weight:800}.card--text u{text-decoration:underline}.card--text i{font-style:italic}.card--text a{color:#ffa526}.project--lead{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1.4em}.project--lead h3{font-size:46px;font-weight:900;line-height:.85em}.project--lead p{font-size:20px;color:#fff;padding:0 0 20px;line-height:1.3em}.project--lead em{font-weight:800}.project--lead i{font-style:italic}.project--lead u{text-decoration:underline}.about,.footer{max-width:1200px;color:#b5b4b4;font-size:18px;font-weight:500;margin:0 auto;text-shadow:0 1px 3px rgba(0,0,0,.5);width:calc(100% - 40px);position:relative;z-index:1;opacity:1;transition:all .3s}.about{padding:120px 0 250px}.footer{padding:200px 0 180px;text-align:center;display:flex;flex-direction:column;align-items:center}.footer--content:before{content:"";display:block;width:300px;height:400px;background:url(/avatar.png);background-size:auto 100%;background-repeat:no-repeat;background-position:50% 50%;transform:translate(-20px,-20px)}.as-scrolled .about{opacity:0;transform:translateY(5%)}.page-bg--footer{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;transition:all .3s}.header--content{max-width:1200px;width:calc(100% - 40px);padding:50px 0}.header--role{transition:all .3s;opacity:1}.header svg{height:60px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}.header .site-logo--tail,.header svg{transition:all .3s}.header:after{pointer-events:none;position:absolute;content:"";display:block;top:0;left:0;right:0;height:100px;background:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.88));opacity:0;transition:opacity 1s;z-index:1}.header svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.header--content{position:relative;z-index:2;transition:all .3s;display:flex;align-items:center;gap:20px}.header--role{background:rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2);padding:10px 22px;border-radius:30px;color:#fff;font-weight:700;font-size:14px}.as-scrolled .header{z-index:999}.as-scrolled .header--content{padding:10px 0}.as-scrolled .header--role{opacity:0}.as-scrolled .header:after{opacity:1}.as-scrolled .header svg{height:32px}.page-bg--header{background:linear-gradient(0,rgba(0,0,0,0),rgba(0,0,0,.4))}.project--kungfu .project--content-background{background-color:#4b403c}.project--kungfu .project--lead:after{background:linear-gradient(0deg,#4b403c,rgba(75,64,60,0))}.project--kungfu .project--lead:before{background-image:url(/projects/kungfu/section-header.jpg);opacity:.1}.project--kungfu .project--content{color:#fff}.project--kungfu .project--action{box-shadow:inset 0 0 0 2px #994c61,0 2px 0 4px #000;background:#683140}body.bg-kungfu{background-color:#4b403c}.page-bg--kungfu{background-image:url(/projects/kungfu/background.jpg)}body.bg-kungfu .page-bg--kungfu{opacity:.15}body.bg-kungfu .header .site-logo--head{fill:#ff8401}body.bg-kungfu .header .site-logo--tail{fill:gold}.kungfu--field-of-fate video,.kungfu--rumble-alley video{transform-origin:50% 0;transform:translate(-50%) scale(1.25)}.kungfu--demo-info{display:flex;gap:50px;align-items:center}.kungfu--demo-info img{height:140px}@media(max-width:650px){.kungfu--demo-info{flex-direction:column}}.kungfu--animated-character--bg,.kungfu--character--bg{width:100%;height:100%;background-size:cover}.kungfu--animated-character--sprite,.kungfu--character--sprite{width:100%;height:100%;position:absolute;background-size:cover;transform:scale(.9)}.kungfu--animated-character.character-wind-ninja .kungfu--animated-character--sprite,.kungfu--animated-character.character-wind-ninja .kungfu--character--sprite,.kungfu--character.character-wind-ninja .kungfu--animated-character--sprite,.kungfu--character.character-wind-ninja .kungfu--character--sprite{transform:scale(1.1) translateY(5%)}.kungfu--extra-a{height:600px;width:60vw;max-width:900px;transition:all .3s;top:50%;transform:translateY(-7%) scale(.95)}@media(max-width:1200px){.kungfu--extra-a{width:60vw;transform:translateY(-7%) scale(.9375)}}@media(max-width:1100px){.kungfu--extra-a{width:70vw;transform:translateY(-7%) scale(.925)}}.project--cosmic .project--content-background{background-color:#480a6a}.project--cosmic .project--content{color:#fff}.project--cosmic .project--lead:after{background:linear-gradient(0deg,#480a6a,rgba(72,10,106,0))}.project--cosmic .project--lead a,.project--cosmic .project--lead a:hover{color:#e351e3}.project--cosmic .project--lead:before{background-image:url(/projects/cosmic/lead.jpg);opacity:.25}.project--cosmic .project--background-container{background-size:800px 100%}body.bg-cosmic .header .site-logo--head{fill:#fff}body.bg-cosmic .header .site-logo--tail{fill:#ff469f}body.bg-cosmic{background-color:#480a6a}.page-bg--cosmic{background-image:url(/projects/cosmic/background.jpg)}body.bg-cosmic .page-bg--cosmic{opacity:.15}.cosmic--demo{position:absolute;top:50%;left:50%;transform:translateX(100px)}.cosmic--aura-a,.cosmic--aura-b,.cosmic--device{position:absolute;display:block;top:50%;left:45%}.cosmic--aura-a img,.cosmic--aura-b img,.cosmic--device img{position:absolute}.cosmic--device img{transform:translate(-50%,-42%) scale(.725) rotate(-3deg);z-index:3}.cosmic--aura-a img{transform:translate(-50%,-50%);z-index:1;width:1200px;opacity:.85;animation:cosmic_rotate_aura 30s linear infinite}.cosmic--aura-b{transform:scale(-.9);opacity:.6}.cosmic--aura-b img{transform:translate(-50%,-50%);width:1300px;z-index:2;mix-blend-mode:color-dodge;animation:cosmic_rotate_aura 60s linear infinite reverse}.project--cosmic .project--background-container{animation:cosmic_pan_background 45s linear infinite}@keyframes cosmic_rotate_aura{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes cosmic_pan_background{0%{background-position:0 50%}to{background-position:-800px 50%}}.project--shaper .project--content-background{background-color:#3f3227}.project--shaper .project--lead:after{background:linear-gradient(0deg,#3f3227,rgba(63,50,39,0))}.project--shaper .project--lead:before{background-image:url(/projects/shaper/section-header.jpg);opacity:.3}.project--shaper .project--lead a,.project--shaper .project--lead a:hover{color:#a88660}.project--shaper .project--content{color:#fff}body.bg-shaper{background-color:#3f3227}.page-bg--shaper{background-image:url(/projects/shaper/background.jpg)}body.bg-shaper .page-bg--shaper{opacity:.15}body.bg-shaper .header .site-logo--head{fill:#fff}body.bg-shaper .header .site-logo--tail{fill:#978978}.project--shaper .project--action{box-shadow:inset 0 0 0 2px #65676f,0 2px 0 4px #000;background:#46474b}.shaper--hero--device-wrapper{perspective:1400px;width:300px;height:300px;position:relative;transform:translateX(20vw) translateY(30px)}.shaper--hero--gloss{position:absolute;border-radius:40px;content:"";display:block;top:18px;left:20px;right:20px;bottom:20px;z-index:7;background:linear-gradient(125deg,rgba(255,255,255,0),rgba(255,255,255,.5) 25%,rgba(255,255,255,0) 50%)}.shaper--hero--device{position:relative;width:360px;height:700px;transform:scale(.9) rotate(10deg);filter:drop-shadow(15px 15px 0 rgba(0,0,0,.3))}.shaper--hero--device:after{content:"";display:block;background-image:url(/projects/shaper/device.png);background-size:100% 100%;z-index:10}.shaper--hero--img{position:absolute;opacity:0;transition:opacity .4s;top:3px;left:3px;right:3px;bottom:3px;background-size:100% 100%;border-radius:80px}.shaper--hero--img:first-child{opacity:1}.shaper--hero--img.as-img-1{background-image:url(/projects/shaper/hero-example-1.jpg);z-index:1}.show-example-1 .shaper--hero--img.as-img-1{opacity:1}.shaper--hero--img.as-img-2{background-image:url(/projects/shaper/hero-example-2.jpg);z-index:2}.show-example-2 .shaper--hero--img.as-img-2{opacity:1}.shaper--hero--img.as-img-3{background-image:url(/projects/shaper/hero-example-3.jpg);z-index:3}.show-example-3 .shaper--hero--img.as-img-3{opacity:1}.project--modshed .project--content-background{background-color:#747e87}.project--modshed .project--content{color:#fff}body.bg-modshed .header .site-logo--head{fill:#fff}body.bg-modshed .header .site-logo--tail{fill:#3d8eff}body.bg-modshed{background-color:#747e87}.page-bg--modshed{background-image:url(/projects/modshed/background.jpg)}body.bg-modshed .page-bg--modshed{opacity:.4}.project--modshed .project--lead:after{background:linear-gradient(0deg,#747e87,rgba(116,126,135,0))}.project--modshed .project--lead a,.project--modshed .project--lead a:hover{color:#e47157}.project--modshed .project--lead:before{background-image:url(/projects/modshed/lead.jpg);opacity:.25}.project--modshed .project--action{background:#e57157}.project--modshed .project--logo{filter:drop-shadow(0 2px 2px white)}.modshed--example{width:800px;transform:translateX(100px)}.project--kiddocade .project--content-background{background-color:#532176}.project--kiddocade .project--background-container{background-size:325px;animation:kiddocade_pan_background 45s linear infinite}body.bg-kiddocade .header .site-logo--head{fill:#e565ff}body.bg-kiddocade .header .site-logo--tail{fill:#ffcb1c}.project--kiddocade .project--lead:after{background:linear-gradient(0deg,#532176,rgba(83,33,118,0))}.project--kiddocade .project--lead:before{background-image:url(/projects/kiddocade/section-header.jpg);opacity:.3}.project--kiddocade .project--content{color:#fff}.project--kiddocade .project--action{box-shadow:inset 0 0 0 2px #ffe172,0 2px 0 4px #000;color:#000;text-shadow:0 1px 3px hsla(0,0%,100%,.75);background:#ffae00}.project--kiddocade .project--logo img{filter:drop-shadow(0 3px 18px rgba(0,0,0,.8))}body.bg-kiddocade{background-color:#532176}.page-bg--kiddocade{background-image:url(/projects/kiddocade/background.jpg)}body.bg-kiddocade .page-bg--kiddocade{opacity:.25}.kiddocade--cabinet{position:absolute;top:50%;left:50%;transform:translate(-50%,-37%)}.kiddocade--cabinet img{width:450px;transition:all .2s;position:relative;left:5vw}@media(max-width:1100px){.kiddocade--cabinet img{width:170%}}@keyframes kiddocade_pan_background{0%{background-position:0 0}to{background-position:325px 975px}}body.bg-nitrotype{background-color:#382e2e}.page-bg--nitrotype{background-image:url(/projects/nitrotype/background.jpg)}body.bg-nitrotype .page-bg--nitrotype{opacity:.15}.project--nitrotype .project--content-background{background-color:#382e2e}.project--nitrotype .project--lead:after{background:linear-gradient(0deg,#382e2e,rgba(56,46,46,0))}.project--nitrotype .project--lead:before{background-image:url(/projects/nitrotype/section-header.jpg);opacity:.33}.project--nitrotype .project--content{color:#fff}body.bg-nitrotype .header .site-logo--head{fill:#fff}body.bg-nitrotype .header .site-logo--tail{fill:#d62f3a}.project--nitrotype .project--logo img{filter:drop-shadow(0 9px 1px rgba(0,0,0,.4));width:500px;transition:all .2s}@media(max-width:1100px){.project--nitrotype .project--logo img{width:450px}}@media(max-width:900px){.project--nitrotype .project--logo img{width:100%}}@media(max-width:630px){.project--nitrotype .project--logo img{transform:scale(1.1)}}.project--nitrotype .project--action{background:#d62f3a;color:#fff}.project--nitrotype .project--background-container{animation:nitrotype_pan_background 9s linear infinite;background-size:3338px 100%;transform:skewY(4deg) rotate(3deg);top:-65px;bottom:-65px}@keyframes nitrotype_pan_background{0%{background-position:0 0}to{background-position:-3338px 0}}body.bg-tookadoo{background-color:#5b2997}.page-bg--tookadoo{background-image:url(/projects/tookadoo/background.jpg)}body.bg-tookadoo .page-bg--tookadoo{opacity:1}.project--tookadoo .project--content-background{background-color:#8e56da}.project--tookadoo .project--lead:after{background:linear-gradient(0deg,#8e56da,rgba(142,86,218,0))}.project--tookadoo .project--lead:before{background-image:url(/projects/tookadoo/section-header.jpg);opacity:.33;background-size:auto 300px;background-position:50% 50px}.project--tookadoo .project--content{color:#fff}body.bg-tookadoo .header .site-logo--head{fill:#fff}body.bg-tookadoo .header .site-logo--tail{fill:#8e56da}.project--tookadoo .project--logo img{filter:drop-shadow(0 3px 1px rgba(0,0,0,.4));width:500px;transition:all .2s}@media(max-width:1100px){.project--tookadoo .project--logo img{width:450px}}@media(max-width:900px){.project--tookadoo .project--logo img{width:100%}}@media(max-width:630px){.project--tookadoo .project--logo img{transform:scale(1.1)}}.project--tookadoo .project--action{color:#000;text-shadow:0 1px 3px hsla(0,0%,100%,.75);box-shadow:inset 0 0 0 2px rgba(142,86,218,.5),0 2px 0 4px #000;background:#fff;color:#8e56da}.project--tookadoo .project--background-container{background-size:700px 700px;transform:skewY(4deg) rotate(3deg);top:-65px;bottom:-65px}.tookadoo--video{position:absolute;top:50%;left:50%;width:150%;transform:translate(-62%,-50%);transition:all .3s}@media(max-width:720px){.tookadoo--video{width:200%}}@media(max-width:630px){.tookadoo--video{width:unset;height:120%;transform:translate(-50%,-40%)}}.tookadoo--attract{position:absolute;top:50%;left:15%;transition:all .3s}@media(max-width:1100px){.tookadoo--attract{transform:scale(.9)}}@media(max-width:1000px){.tookadoo--attract{transform:scale(.8)}}@media(max-width:820px){.tookadoo--attract{transform:scale(.7);left:0}}@media(max-width:620px){.tookadoo--attract{opacity:0}}.tookadoo--attract-book,.tookadoo--attract-monster{position:absolute;animation:tookadoo_travel_global 45s linear infinite}.tookadoo--attract-book:after,.tookadoo--attract-monster:after{content:"";display:block;position:relative;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;animation:tookadoo_travel_local 45s linear infinite}.tookadoo--attract-monster:after{width:380px;height:380px;top:-190px;left:-190px}.tookadoo--attract-book:after{width:180px;height:180px;top:-90px;left:-90px}.tookadoo--attract-monster.as-monster-1{animation-delay:0s}.tookadoo--attract-monster.as-monster-1:after{background-image:url(/projects/tookadoo/monster-1.png);animation-delay:0s}.tookadoo--attract-book.as-book-1{animation-delay:4.5s}.tookadoo--attract-book.as-book-1:after{background-image:url(/projects/tookadoo/book-1.png);animation-delay:4.5s}.tookadoo--attract-monster.as-monster-2{animation-delay:-9s}.tookadoo--attract-monster.as-monster-2:after{background-image:url(/projects/tookadoo/monster-2.png);animation-delay:-9s}.tookadoo--attract-book.as-book-2{animation-delay:-4.5s}.tookadoo--attract-book.as-book-2:after{background-image:url(/projects/tookadoo/book-2.png);animation-delay:-4.5s}.tookadoo--attract-monster.as-monster-3{animation-delay:-18s}.tookadoo--attract-monster.as-monster-3:after{background-image:url(/projects/tookadoo/monster-3.png);animation-delay:-18s}.tookadoo--attract-book.as-book-3{animation-delay:-13.5s}.tookadoo--attract-book.as-book-3:after{background-image:url(/projects/tookadoo/book-3.png);animation-delay:-13.5s}.tookadoo--attract-monster.as-monster-4{animation-delay:-27s}.tookadoo--attract-monster.as-monster-4:after{background-image:url(/projects/tookadoo/monster-4.png);animation-delay:-27s}.tookadoo--attract-book.as-book-4{animation-delay:-22.5s}.tookadoo--attract-book.as-book-4:after{background-image:url(/projects/tookadoo/book-4.png);animation-delay:-22.5s}.tookadoo--attract-monster.as-monster-5{animation-delay:-36s}.tookadoo--attract-monster.as-monster-5:after{background-image:url(/projects/tookadoo/monster-5.png);animation-delay:-36s}.tookadoo--attract-book.as-book-5{animation-delay:-31.5s}.tookadoo--attract-book.as-book-5:after{background-image:url(/projects/tookadoo/book-5.png);animation-delay:-31.5s}@keyframes tookadoo_travel_local{0%{transform:translateX(700px) rotate(0deg)}to{transform:translateX(700px) rotate(-1turn)}}@keyframes tookadoo_travel_global{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.project--keyboard-ninja .project--content-background{background-color:#55271e}.project--keyboard-ninja .project--lead:after{background:linear-gradient(0deg,#55271e,rgba(85,39,30,0))}.project--keyboard-ninja .project--lead:before{background-image:url(/projects/keyboard-ninja/section-header.jpg);opacity:.33}body.bg-keyboard-ninja{background-color:#55271e}.page-bg--keyboard-ninja{background-image:url(/projects/keyboard-ninja/background.jpg)}body.bg-keyboard-ninja .page-bg--keyboard-ninja{opacity:.15}body.bg-keyboard-ninja .header .site-logo--head{fill:#fcfac3}body.bg-keyboard-ninja .header .site-logo--tail{fill:#fccc37}.project--keyboard-ninja .project--content{color:#fff}.project--keyboard-ninja .project--logo img{filter:drop-shadow(0 3px 11px rgba(0,0,0,.4));width:500px;transition:all .2s}@media(max-width:1100px){.project--keyboard-ninja .project--logo img{width:450px}}@media(max-width:900px){.project--keyboard-ninja .project--logo img{width:100%}}@media(max-width:630px){.project--keyboard-ninja .project--logo img{transform:scale(1.1)}}.project--keyboard-ninja .project--action{text-shadow:0 1px 3px hsla(0,0%,100%,.75);box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.5),0 2px 0 4px #000;background:#fccc37;color:#000;text-shadow:none}.keyboard-ninja--hit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25px;height:25px}.keyboard-ninja--splat-transform{animation:2s ease-out forwards;transform-origin:50% 0;opacity:0;transform:scale(0)}.keyboard-ninja--slash-transform{opacity:0;animation:.5s ease-out forwards;position:relative;z-index:1}.keyboard-ninja--slash{width:550px;height:100px;background:url(/projects/keyboard-ninja/slash.png);background-size:100% 100%}.keyboard-ninja--slash,.keyboard-ninja--splat{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.keyboard-ninja--splat{width:350px;height:270px;background:url(/projects/keyboard-ninja/splat.png);background-size:100% 100%;opacity:.5}.keyboard-ninja--fruit{opacity:0;position:absolute;top:50%;left:50%;transition:opacity 1s;animation:3s cubic-bezier(.38,0,.43,1.12) forwards}.keyboard-ninja--fruit.hide{display:none}.keyboard-ninja--fruit--translate-x{animation:3s linear forwards}.keyboard-ninja--fruit.ready{opacity:1}.keyboard-ninja--fruit--slice.bottom{display:none}.keyboard-ninja--fruit--left,.keyboard-ninja--fruit--right{position:absolute}.keyboard-ninja--fruit--left{z-index:1}.keyboard-ninja--fruit--right{z-index:2}.keyboard-ninja--fruit--right .keyboard-ninja--fruit--slice{transform:scaleX(-1)}.keyboard-ninja--fruit--left .keyboard-ninja--fruit--slice.bottom{transform:scaleY(-1)}.keyboard-ninja--fruit--right .keyboard-ninja--fruit--slice.bottom{transform:scaleX(-1) scaleY(-1)}.keyboard-ninja--fruit.swap .keyboard-ninja--fruit--left{z-index:3}.keyboard-ninja--fruit.flip .keyboard-ninja--fruit--left .keyboard-ninja--fruit--slice{transform:scaleX(-1)}.keyboard-ninja--fruit.flip .keyboard-ninja--fruit--right .keyboard-ninja--fruit--slice{transform:scaleX(1)}.keyboard-ninja--fruit.flip .keyboard-ninja--fruit--left .keyboard-ninja--fruit--slice.bottom{transform:scaleX(-1) scaleY(-1)}.keyboard-ninja--fruit.flip .keyboard-ninja--fruit--right .keyboard-ninja--fruit--slice.bottom{transform:scaleX(1) scaleY(-1)}.keyboard-ninja--fruit.sliced .keyboard-ninja--fruit--left .keyboard-ninja--fruit--transform,.keyboard-ninja--fruit.sliced .keyboard-ninja--fruit--right .keyboard-ninja--fruit--transform{transition:all 2s}.keyboard-ninja--fruit--left .keyboard-ninja--fruit--slice-rotation,.keyboard-ninja--fruit--right .keyboard-ninja--fruit--slice-rotation{animation:keyboard_ninja__spin 2s linear infinite}.keyboard-ninja--fruit--slice-transform{transition:all 1.5s cubic-bezier(.18,.63,.18,.84)}.keyboard-ninja--fruit--scale{transform:scale(.75)}.keyboard-ninja--fruit.apple .keyboard-ninja--fruit--slice{background:url(/projects/keyboard-ninja/apple.png);width:230px;height:230px}.keyboard-ninja--fruit.banana .keyboard-ninja--fruit--slice{background:url(/projects/keyboard-ninja/banana.png);width:360px;height:120px}.keyboard-ninja--fruit.lime .keyboard-ninja--fruit--slice,.keyboard-ninja--fruit.lime .keyboard-ninja--fruit--slice.bottom{display:block;background:url(/projects/keyboard-ninja/lime.png);width:270px;height:100px}@keyframes keyboard_ninja__spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes keyboard_ninja__throw_a{0%{transform:translateX(-210px)}to{transform:translateX(280px)}}@keyframes keyboard_ninja__throw_b{0%{transform:translateX(260px)}to{transform:translateX(-360px)}}@keyframes keyboard_ninja__toss_a{0%{top:150%;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}50%{top:0;filter:drop-shadow(0 100px 6px rgba(0,0,0,.5))}to{top:150%;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}}@keyframes keyboard_ninja__toss_b{0%{top:150%;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}50%{top:20%;filter:drop-shadow(0 100px 6px rgba(0,0,0,.5))}to{top:150%;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}}@keyframes keyboard_ninja__slash{0%{opacity:0;transform:scale(0)}1%{opacity:1;transform:scale(1.25)}35%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(0)}}@keyframes keyboard_ninja__splat{0%{opacity:0;transform:scale(0)}15%{opacity:1;transform:scale(1.1) translateY(25px)}25%{opacity:1}to{opacity:0;transform:scale(1.1,1.3) translateY(100px)}}.project--keyboard-jump .project--content-background{background-color:#126d80}.project--keyboard-jump .project--lead:after{background:linear-gradient(0deg,#126d80,rgba(18,109,128,0))}.project--keyboard-jump .project--lead:before{background-image:url(/projects/keyboard-jump/section-header.jpg);opacity:.33}body.bg-keyboard-jump .header .site-logo--head{fill:#ffa426}body.bg-keyboard-jump .header .site-logo--tail{fill:#4bb9ec}body.bg-keyboard-jump{background-color:#126d80}.page-bg--keyboard-jump{background-image:url(/projects/keyboard-jump/background.jpg)}body.bg-keyboard-jump .page-bg--keyboard-jump{opacity:.15}.project--keyboard-jump .project--content{color:#fff}.project--keyboard-jump .project--logo img{filter:drop-shadow(0 3px 11px rgba(0,0,0,.4));width:500px;transition:all .2s}@media(max-width:1100px){.project--keyboard-jump .project--logo img{width:450px}}@media(max-width:900px){.project--keyboard-jump .project--logo img{width:100%}}@media(max-width:630px){.project--keyboard-jump .project--logo img{transform:scale(1.1)}}.project--keyboard-jump .project--action{box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.5),0 2px 0 4px #000;background:#ffa729;color:#fff}.keyboard-jump--demo{transition:left .3s;position:relative;left:15%}@media(max-width:800px){.keyboard-jump--demo{left:-100px}}.renderer-test{position:absolute;top:0;left:0}.renderer-test canvas{box-shadow:inset 0 0 0 2px red}