*{box-sizing:border-box;margin:0;padding:0}:focus{outline:0}img{border:none}.case-study .preview-asset.two:after,.case-study .preview-asset.two:before,.cf:after,.cf:before,.portal article:after,.portal article:before,.portal:after,.portal:before{content:"";display:table}.case-study .preview-asset.two:after,.cf:after,.portal article:after,.portal:after{clear:both}.case-study .preview-asset.two,.cf,.portal,.portal article{zoom:1}li,ul{list-style:none;padding:0;margin:0}fieldset{border:none}progress.xp::-webkit-progress-value{background:#b1e2b2}::-moz-selection{background:rgba(177,226,178,.6);color:inherit;text-shadow:none}::selection{background:rgba(177,226,178,.6);color:inherit;text-shadow:none}@font-face{font-family:timrose;src:url(../fonts/timrose.eot);src:url(../fonts/timrose.eot?#iefix) format("embedded-opentype"),url(../fonts/timrose.woff) format("woff"),url(../fonts/timrose.ttf) format("truetype"),url(../fonts/timrose.svg#svgtimrose) format("svg")}h1{font-size:10em;line-height:1.4em;letter-spacing:.005em;color:#392c3d;font-weight:100}.h2,h2{font-size:3em;margin-top:-.2em;line-height:1.4em;font-weight:100;color:#392c3d}.h2 a,h2 a{text-decoration:none}.h2 a:hover,h2 a:hover{opacity:.9}.h3,h3{font-size:10em}button,input,label,legend,p{font-size:3em;line-height:1.93333em;margin:0 0 1.16667em;letter-spacing:.01667em;text-align:center;font-weight:100;color:#392c3d}button:last-child,input:last-child,label:last-child,legend:last-child,p:last-child{margin-bottom:0}button a,input a,label a,legend a,p a{text-decoration:none}button a:hover,input a:hover,label a:hover,legend a:hover,p a:hover{opacity:.9}p{max-width:23em;margin-left:auto;margin-right:auto}a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;color:#392c3d;-moz-box-shadow:inset 0 -3px 0 rgba(57,44,61,.3);-webkit-box-shadow:inset 0 -3px 0 rgba(57,44,61,.3);-ms-box-shadow:inset 0 -3px 0 rgba(57,44,61,.3);-o-box-shadow:inset 0 -3px 0 rgba(57,44,61,.3);box-shadow:inset 0 -3px 0 rgba(57,44,61,.3)}a:active:focus,a:active:hover,a:focus:focus,a:focus:hover,a:hover:focus,a:hover:hover,a:link:focus,a:link:hover,a:visited:focus,a:visited:hover{opacity:.9;-moz-box-shadow:inset 0 -2px 0 rgba(57,44,61,.4);-webkit-box-shadow:inset 0 -2px 0 rgba(57,44,61,.4);-ms-box-shadow:inset 0 -2px 0 rgba(57,44,61,.4);-o-box-shadow:inset 0 -2px 0 rgba(57,44,61,.4);box-shadow:inset 0 -2px 0 rgba(57,44,61,.4)}a:active:active,a:focus:active,a:hover:active,a:link:active,a:visited:active{-moz-box-shadow:inset 0 -1px 0 rgba(57,44,61,.4);-webkit-box-shadow:inset 0 -1px 0 rgba(57,44,61,.4);-ms-box-shadow:inset 0 -1px 0 rgba(57,44,61,.4);-o-box-shadow:inset 0 -1px 0 rgba(57,44,61,.4);box-shadow:inset 0 -1px 0 rgba(57,44,61,.4)}a:active.no-style,a:focus.no-style,a:hover.no-style,a:link.no-style,a:visited.no-style{-moz-box-shadow:0 0 0 #000;-webkit-box-shadow:0 0 0 #000;-ms-box-shadow:0 0 0 #000;-o-box-shadow:0 0 0 #000;box-shadow:0 0 0 #000}a:active.no-style:focus,a:active.no-style:hover,a:focus.no-style:focus,a:focus.no-style:hover,a:hover.no-style:focus,a:hover.no-style:hover,a:link.no-style:focus,a:link.no-style:hover,a:visited.no-style:focus,a:visited.no-style:hover{opacity:.9;-moz-box-shadow:0 0 0 #000;-webkit-box-shadow:0 0 0 #000;-ms-box-shadow:0 0 0 #000;-o-box-shadow:0 0 0 #000;box-shadow:0 0 0 #000}body{font-family:timrose,sans-serif;font-size:50%;min-width:320px;background:url(/assets/img/bg-loader.svg) center center repeat-x fixed #dce8e6;overflow:hidden}body .wrap-page{background:#dce8e6;width:100%;height:100%;padding:14em 0;overflow:hidden;opacity:0;-moz-transition:all 250ms cubic-bezier(.075,.82,.165,1);-webkit-transition:all 250ms cubic-bezier(.075,.82,.165,1);-ms-transition:all 250ms cubic-bezier(.075,.82,.165,1);-o-transition:all 250ms cubic-bezier(.075,.82,.165,1);transition:all 250ms cubic-bezier(.075,.82,.165,1)}body.loaded{overflow:scroll}body.loaded .wrap-page{opacity:1}body.click .wrap-page{opacity:0}body header~*{-moz-transition:all 250ms cubic-bezier(.075,.82,.165,1);-webkit-transition:all 250ms cubic-bezier(.075,.82,.165,1);-ms-transition:all 250ms cubic-bezier(.075,.82,.165,1);-o-transition:all 250ms cubic-bezier(.075,.82,.165,1);transition:all 250ms cubic-bezier(.075,.82,.165,1)}body main{margin:0 2em}@media (min-width:650px){body{font-size:62.5%}}@media (min-width:900px){body main{margin:0 4em}}@media (min-width:1200px){body main{margin:0 8em}}header{z-index:1000;position:fixed;top:0;width:100%;padding:3.4em 4em 3.2em;-moz-transition:all 1000ms cubic-bezier(.075,.82,.165,1);-webkit-transition:all 1000ms cubic-bezier(.075,.82,.165,1);-ms-transition:all 1000ms cubic-bezier(.075,.82,.165,1);-o-transition:all 1000ms cubic-bezier(.075,.82,.165,1);transition:all 1000ms cubic-bezier(.075,.82,.165,1)}header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#dce8e6;opacity:.99;-moz-transition:all 400ms cubic-bezier(.075,.82,.165,1);-webkit-transition:all 400ms cubic-bezier(.075,.82,.165,1);-ms-transition:all 400ms cubic-bezier(.075,.82,.165,1);-o-transition:all 400ms cubic-bezier(.075,.82,.165,1);transition:all 400ms cubic-bezier(.075,.82,.165,1)}header>*{font-size:2em;font-weight:100}header>:not(.rose){opacity:1;visibility:visible}header>a{display:inline-block}header a:focus,header a:hover,header a:link{opacity:.7;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}header .rose{position:absolute;top:1.4em;left:.5em;margin-top:-.5em;width:1em;opacity:0!important;visibility:hidden!important;-moz-transition:all 0ms cubic-bezier(.075,.82,.165,1);-webkit-transition:all 0ms cubic-bezier(.075,.82,.165,1);-ms-transition:all 0ms cubic-bezier(.075,.82,.165,1);-o-transition:all 0ms cubic-bezier(.075,.82,.165,1);transition:all 0ms cubic-bezier(.075,.82,.165,1)}header .rose img{width:100%}header .burger{position:absolute;top:.9em;right:1.3em;padding:1em;width:3.5em;height:3.5em;opacity:.8;filter:alpha(opacity=80)}header nav{float:right}header nav ul{display:none}header nav ul li{display:inline-block;padding:0 1em;margin-left:-5px}header nav ul li:last-child{padding-right:0}header nav ul li a:focus{box-shadow:none}header nav ul li.active a{opacity:.9;-moz-box-shadow:inset 0 -2px 0 rgba(57,44,61,.4);-webkit-box-shadow:inset 0 -2px 0 rgba(57,44,61,.4);-ms-box-shadow:inset 0 -2px 0 rgba(57,44,61,.4);-o-box-shadow:inset 0 -2px 0 rgba(57,44,61,.4);box-shadow:inset 0 -2px 0 rgba(57,44,61,.4)}body.burger header .burger,body.burger header>a{display:none}body.burger header nav{width:calc(100% + 4em);transform:translateX(2em)}body.burger header nav ul{display:block;text-align:center}body.burger header nav ul li:last-child{padding-right:1em}body.scroll header{pointer-events:none}body.scroll header>:not(.rose){opacity:0;visibility:hidden}body.scroll header .rose{margin-top:0;opacity:.5!important;visibility:visible!important;-moz-transition:all 400ms cubic-bezier(.075,.82,.165,1);-webkit-transition:all 400ms cubic-bezier(.075,.82,.165,1);-ms-transition:all 400ms cubic-bezier(.075,.82,.165,1);-o-transition:all 400ms cubic-bezier(.075,.82,.165,1);transition:all 400ms cubic-bezier(.075,.82,.165,1)}body.scroll header .rose:hover{opacity:.7!important}body.scroll header:before{opacity:0;-moz-transform:translateY(-5em);-webkit-transform:translateY(-5em);-ms-transform:translateY(-5em);-o-transform:translateY(-5em);transform:translateY(-5em)}@media (min-width:650px){header .burger{display:none}header nav ul{display:block}}@media (min-width:1200px){header .rose{top:1.4em;left:1.4em}}.title-large{width:120%;margin-left:-10%;height:40em;overflow:hidden;text-align:center;background:url(/assets/img/bg-line-yellow.svg) center center no-repeat;-moz-transform:rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);-o-transform:rotate(7deg);transform:rotate(7deg)}.title-large h1{display:inline-block;margin-top:4.2em;font-size:4.5em;-moz-transform:rotate(-7deg);-webkit-transform:rotate(-7deg);-ms-transform:rotate(-7deg);-o-transform:rotate(-7deg);transform:rotate(-7deg)}.title-large h1 span{display:block;font-size:.3em;margin-top:-1.5em}.title-large.yellow{background:url(/assets/img/bg-line-yellow.svg) center center no-repeat}.title-large.blue{background:url(/assets/img/bg-line-blue.svg) center center no-repeat}.title-large.green{background:url(/assets/img/bg-line-green.svg) center center no-repeat}.title-large.purple{background:url(/assets/img/bg-line-purple.svg) center center no-repeat}.title-large.grey{background:url(/assets/img/bg-line-grey.svg) center center no-repeat}.title-large.left{-moz-transform:rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);-o-transform:rotate(7deg);transform:rotate(7deg)}.title-large.left h1,.title-large.right{-moz-transform:rotate(-7deg);-webkit-transform:rotate(-7deg);-ms-transform:rotate(-7deg);-o-transform:rotate(-7deg);transform:rotate(-7deg)}.title-large.right h1{-moz-transform:rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);-o-transform:rotate(7deg);transform:rotate(7deg)}h2.title-small{display:inline-block;margin-bottom:1.8em;-moz-transform:rotate(-7deg);-webkit-transform:rotate(-7deg);-ms-transform:rotate(-7deg);-o-transform:rotate(-7deg);transform:rotate(-7deg)}h2.title-small a,h2.title-small span{-moz-transform:rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);-o-transform:rotate(7deg);transform:rotate(7deg);display:block;color:#392c3d}h2.title-small.green{background:url(/assets/img/bg-line-green-small.svg) center center no-repeat}h2.title-small.purple{background:url(/assets/img/bg-line-purple-small.svg) center center no-repeat}@media (min-width:500px){.title-large h1{margin-top:2.1em;font-size:7em}}@media (min-width:900px){.title-large h1{font-size:10em;margin-top:1.2em}}@media (min-width:1200px){.title-large h1{font-size:12em;margin-top:.95em}}.case-study{text-align:center}.case-study .preview{position:relative}.case-study .preview img{width:100%}.case-study .preview.youtube iframe{position:absolute;top:0;right:0;bottom:0;left:0}.case-study .preview+.preview,.case-study .preview+.preview-asset{margin-top:17em}.case-study .preview-asset{margin-bottom:1px;padding:8em;background:#392c3d}.case-study .preview-asset .wrap-img{width:80%;max-width:90em;margin:0 auto}.case-study .preview-asset .wrap-img img{width:100%}.case-study .preview-asset+.preview{margin-top:17em}.case-study .preview-asset.two .wrap-img{float:left;width:50%}.case-study .preview-asset.two .wrap-img:first-child{padding-right:1em}.case-study .preview-asset.two .wrap-img:nth-child(2){padding-left:1em}.case-study p{margin-top:5em;margin-bottom:5em}.case-study .progress,.case-study .progress:before{position:fixed;top:0;left:0;height:5px;background:#b1e2b2;z-index:100;opacity:0;pointer-events:none;-moz-transition:all 200ms cubic-bezier(.075,.82,.165,1);-webkit-transition:all 200ms cubic-bezier(.075,.82,.165,1);-ms-transition:all 200ms cubic-bezier(.075,.82,.165,1);-o-transition:all 200ms cubic-bezier(.075,.82,.165,1);transition:all 200ms cubic-bezier(.075,.82,.165,1)}.case-study .progress.active,.case-study .progress:before.active{opacity:1}.case-study .progress.complete,.case-study .progress:before.complete{opacity:0!important}.case-study .progress:before{content:"";width:100%;opacity:.3}.page-design .case-study .preview-asset{background:#392c3d}.page-music .case-study .preview-asset{background:#e1c2e4}.portal article{text-align:center}.portal article>div{position:relative;overflow:hidden;margin-bottom:4em;background:rgba(0,0,0,.05)}.portal article>div>a>span{padding:1.4em 0 1.2em;width:100%;display:block;position:relative;text-align:center;-moz-transition:all 250ms cubic-bezier(.075,.82,.165,1);-webkit-transition:all 250ms cubic-bezier(.075,.82,.165,1);-ms-transition:all 250ms cubic-bezier(.075,.82,.165,1);-o-transition:all 250ms cubic-bezier(.075,.82,.165,1);transition:all 250ms cubic-bezier(.075,.82,.165,1);opacity:1;overflow:hidden}.portal article>div>a>span span{display:block;padding:0 1em;font-size:2em;line-height:1.4em;-moz-transition:all 250ms cubic-bezier(.075,.82,.165,1);-webkit-transition:all 250ms cubic-bezier(.075,.82,.165,1);-ms-transition:all 250ms cubic-bezier(.075,.82,.165,1);-o-transition:all 250ms cubic-bezier(.075,.82,.165,1);transition:all 250ms cubic-bezier(.075,.82,.165,1)}.portal article>div a{display:block}.portal article>div a:hover{opacity:1}.portal article>div a img{width:100%;height:auto;display:block}.portal article .video{position:relative;overflow:hidden;cursor:pointer}.portal article .video iframe,.portal article .video video{position:absolute;width:100%;height:100%;transform:scale(1.05)}.portal article .video img{width:100%;height:auto;box-shadow:none}.portal article .sound{position:absolute;right:1.5em;bottom:1.5em;width:2.7em;height:2.5em;background:url(/assets/img/speaker.png) .05em center repeat-x;background-size:290%;z-index:1;cursor:pointer;opacity:.5}.portal article .sound:hover{opacity:.9}.portal article .video:hover .sound{opacity:.8}.portal article .sound.on{background:url(/assets/img/speaker.png) 3.55em center repeat-x;background-size:290%}.portal.split article{float:left;width:100%}.portal.split article>div:nth-child(2),.portal.split article>div:nth-child(5){width:100%}.portal.split article>div:nth-child(3),.portal.split article>div:nth-child(4){display:inline-block;width:100%}.portal.split article>div:nth-child(3) a img:nth-child(1),.portal.split article>div:nth-child(4) a img:nth-child(1){display:none!important}.portal.split article>div:nth-child(3) a img:nth-child(2),.portal.split article>div:nth-child(4) a img:nth-child(2){display:block!important}.portal.split article:first-child>div>a>span{background:#b1e2b2}.portal.split article:first-child>div>a>span span{color:#1a471b}.portal.split article:last-child>div>a>span{background:#e1c2e4}.portal.split article:last-child>div>a>span span{color:#4c2450}.page-design .portal article>div>a>span{background:#b1e2b2}.page-design .portal article>div>a>span span{color:#1a471b}.page-music .portal article>div>a>span{background:#e1c2e4}.page-music .portal article>div>a>span span{color:#4c2450}.page-code .portal article>div>a>span{background:#c7cfce}.page-code .portal article>div>a>span span{color:#2e3635}@media (min-width:650px){.portal article>div{width:calc(50% - 2em);float:left}.portal article>div:nth-child(odd){margin-right:4em}.portal article>div>a>span{position:absolute;bottom:0;-moz-transform:translateY(82%);-webkit-transform:translateY(82%);-ms-transform:translateY(82%);-o-transform:translateY(82%);transform:translateY(82%);-moz-transition:all 250ms cubic-bezier(.075,.82,.165,1);-webkit-transition:all 250ms cubic-bezier(.075,.82,.165,1);-ms-transition:all 250ms cubic-bezier(.075,.82,.165,1);-o-transition:all 250ms cubic-bezier(.075,.82,.165,1);transition:all 250ms cubic-bezier(.075,.82,.165,1);opacity:1}.portal article>div>a>span span{opacity:0;-moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);-moz-transition:all 250ms cubic-bezier(.075,.82,.165,1);-webkit-transition:all 250ms cubic-bezier(.075,.82,.165,1);-ms-transition:all 250ms cubic-bezier(.075,.82,.165,1);-o-transition:all 250ms cubic-bezier(.075,.82,.165,1);transition:all 250ms cubic-bezier(.075,.82,.165,1)}.portal article>div:hover>a>span{-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:.9}.portal article>div:hover>a>span span{opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.portal.split article{width:50%}.portal.split article:nth-child(1){padding-right:2em}.portal.split article:nth-child(2){padding-left:2em}.portal.split article>div:nth-child(2),.portal.split article>div:nth-child(5){width:100%}.portal.split article>div:nth-child(3),.portal.split article>div:nth-child(4){display:inline-block;width:100%}.portal.split article>div:nth-child(3):nth-child(3),.portal.split article>div:nth-child(4):nth-child(3){margin-right:4em}.portal.split article>div:nth-child(3):nth-child(4),.portal.split article>div:nth-child(4):nth-child(4){margin-left:-3px}.portal.split article>div:nth-child(3) a img:nth-child(1),.portal.split article>div:nth-child(4) a img:nth-child(1){display:none!important}.portal.split article>div:nth-child(3) a img:nth-child(2),.portal.split article>div:nth-child(4) a img:nth-child(2){display:block!important}}@media (min-width:900px){.portal article>div{width:calc(32.5% - 2em);margin-right:4em}.portal article>div:nth-child(3n){margin-right:0}.portal.split article:nth-child(1){padding-right:4em}.portal.split article:nth-child(2){padding-left:4em}.portal.split article>div:nth-child(3),.portal.split article>div:nth-child(4){display:inline-block;width:calc(50% - 2em)}.portal.split article>div:nth-child(3):nth-child(3),.portal.split article>div:nth-child(4):nth-child(3){margin-right:4em}.portal.split article>div:nth-child(3):nth-child(4),.portal.split article>div:nth-child(4):nth-child(4){margin-left:0;margin-right:0}.portal.split article>div:nth-child(3) a img:nth-child(1),.portal.split article>div:nth-child(4) a img:nth-child(1){display:block!important}.portal.split article>div:nth-child(3) a img:nth-child(2),.portal.split article>div:nth-child(4) a img:nth-child(2){display:none!important}}.carousel{position:relative;width:100%;height:calc(100vh - 20em);background:rgba(0,0,0,.04)}.carousel>ul:not(.dots){position:absolute;top:0;left:0;width:100%;height:100%}.carousel>ul:not(.dots) li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);visibility:hidden;-moz-transition:all 400ms cubic-bezier(.075,.82,.165,1);-webkit-transition:all 400ms cubic-bezier(.075,.82,.165,1);-ms-transition:all 400ms cubic-bezier(.075,.82,.165,1);-o-transition:all 400ms cubic-bezier(.075,.82,.165,1);transition:all 400ms cubic-bezier(.075,.82,.165,1);cursor:e-resize}.carousel>ul:not(.dots) li.active{opacity:1;filter:alpha(opacity=100);visibility:visible}.carousel>ul:not(.dots) li img{position:absolute;max-height:100%;max-width:100%;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.carousel ul.dots{position:absolute;bottom:-5em;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.carousel ul.dots li{float:left;padding:.7em;cursor:pointer}.carousel ul.dots li:hover{opacity:.8;filter:alpha(opacity=80)}.carousel ul.dots li span{width:2em;height:2em;background:rgba(26,25,28,.4);display:block;border-radius:50%;-moz-transition:all 400ms cubic-bezier(.075,.82,.165,1);-webkit-transition:all 400ms cubic-bezier(.075,.82,.165,1);-ms-transition:all 400ms cubic-bezier(.075,.82,.165,1);-o-transition:all 400ms cubic-bezier(.075,.82,.165,1);transition:all 400ms cubic-bezier(.075,.82,.165,1)}.carousel ul.dots li.active span{background:rgba(26,25,28,.9)}.carousel ul.dots li.active:hover{opacity:1;filter:alpha(opacity=100)}.carousel div.nav img.fullscreen{position:absolute;top:1em;right:1em;width:6.8em;height:6.8em;padding:2em;z-index:1;cursor:pointer;opacity:.8;filter:alpha(opacity=80)}.carousel div.nav img.fullscreen:hover{opacity:1;filter:alpha(opacity=100)}body.fullscreen{overflow:hidden}body.fullscreen .carousel>ul:not(.dots) li{position:fixed;overflow:scroll;z-index:1100;background:rgba(25,29,29,.81);cursor:s-resize}body.fullscreen .carousel>ul:not(.dots) li img{max-height:none;width:calc(100% - 8em);top:4em;left:4em;-webkit-transform:translateY(0) translateX(0);-ms-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);margin-bottom:4em}