/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */*,:after,:before{background-repeat:no-repeat;-webkit-box-sizing:inherit;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}body{margin:0}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}nav ol,nav ul{list-style:none}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,optgroup,select,textarea{margin:0}button,input,select,textarea{background-color:transparent;color:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}[aria-disabled]{cursor:default}.snackbar-container{-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transition-property:top,right,bottom,left,opacity;transition-property:top,right,bottom,left,opacity;font-family:Roboto,sans-serif;font-size:14px;min-height:14px;background-color:#070b0e;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;line-height:22px;padding:18px 24px;bottom:0;top:0;opacity:0;z-index:9999}.snackbar-container .action{background:inherit;display:inline-block;border:none;font-size:inherit;text-transform:uppercase;color:#4caf50;margin:0 0 0 24px;padding:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;cursor:pointer}@media (min-width:640px){.snackbar-container{min-width:288px;max-width:568px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border-radius:2px;margin:24px;bottom:-100px}}@media (max-width:640px){.snackbar-container{left:0;right:0}}.snackbar-pos.bottom-center{top:auto!important;bottom:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.snackbar-pos.bottom-left{top:auto!important;bottom:0;left:0}.snackbar-pos.bottom-right{top:auto!important;bottom:0;right:0}.snackbar-pos.top-left{bottom:auto!important;top:0;left:0}.snackbar-pos.top-center{bottom:auto!important;top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.snackbar-pos.top-right{bottom:auto!important;top:0;right:0}@font-face{font-family:Raleway;font-style:normal;font-weight:400;src:local("Raleway"),local("Raleway-Regular"),url(../fonts/Raleway/Raleway-Regular.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2212,u+2215}@font-face{font-family:Raleway;font-style:normal;font-weight:800;src:local("Raleway ExtraBold"),local("Raleway-ExtraBold"),url(../fonts/Raleway/Raleway-ExtraBold.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2212,u+2215}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:local("Lato Regular"),local("Lato-Regular"),url(../fonts/Lato/Lato-Regular.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2212,u+2215}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:local("Lato Bold"),local("Lato-Bold"),url(../fonts/Lato/Lato-Bold.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2212,u+2215}@font-face{font-family:Hind Madurai;font-style:normal;font-weight:400;src:local("Hind Madurai Regular"),local("HindMadurai-Regular"),url(../fonts/HindMadurai/HindMadurai-Regular.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2212,u+2215}html{height:100%}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#282c34}a,button,input,label,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}#logo svg{height:auto;width:10vw;margin:3vw;min-width:120px}@media screen and (max-width:27em){#logo svg{min-width:80px}}#logo svg .polylogo{fill:#b21158}#logo svg #brand{fill:#282c34}#logo svg a{cursor:pointer}.custom-snackbar>button:focus{outline:0!important}.turbolinks-progress-bar{background:#ff358b;height:8px}.no-js img.lazyload{display:none}#index{height:100%;font-weight:400;font-size:22px;line-height:1.5;font-family:Raleway,Arial,sans-serif;overflow-x:hidden}#index #container header{color:#b21158;background:transparent;height:100%;margin:0 auto;width:100%}#index #container header #title{z-index:1000;margin:0 auto;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}#index #container header #title h1,#index #container header #title h2{margin:.1em auto}#index #container header #title h1{font-size:2.5em}@media screen and (max-width:47em) and (orientation:landscape){#index #container header #title h1{font-size:2em}}#index #container header #title h2{text-transform:uppercase}@media screen and (max-width:47em) and (orientation:landscape){#index #container header #title h2{font-size:1.2em}}@media screen and (max-width:47em){#index #container header #title{font-size:70%}}@media screen and (max-width:27em){#index #container header #title{font-size:50%}}#index #container header #waves{position:absolute;top:0;left:0;z-index:-1}#index #container #discover{color:#b21158;position:fixed;bottom:15px;right:70px;display:block;padding:0;cursor:pointer;font-size:.9em;z-index:5000}@media screen and (max-width:27em),screen and (max-width:47em) and (orientation:landscape){#index #container #discover{font-size:.7em;right:50px}}#index #container #discover span{display:block;text-align:right}@media screen and (max-width:47em) and (orientation:landscape){#index #container #discover span{line-height:1}}#index #container #discover:after{display:block;content:" ";background-image:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path style="fill:%23B21158" d="M383.6,322.7L278.6,423c-5.8,6-13.7,9-22.4,9c-8.7,0-16.5-3-22.4-9L128.4,322.7c-12.5-11.9-12.5-31.3,0-43.2c12.5-11.9,32.7-11.9,45.2,0l50.4,48.2v-217c0-16.9,14.3-30.6,32-30.6c17.7,0,32,13.7,32,30.6v217l50.4-48.2c12.5-11.9,32.7-11.9,45.2,0C396.1,291.4,396.1,310.7,383.6,322.7z"/></svg>');background-size:70px 70px;height:70px;width:70px;position:absolute;right:-70px;bottom:-5px}@media screen and (max-width:47em) and (orientation:landscape){#index #container #discover:after{background-size:50px 50px;height:50px;width:50px;right:-50px;bottom:-10px}}@media screen and (max-width:27em){#index #container #discover:after{background-size:50px 50px;height:50px;width:50px;right:-50px;bottom:-2px}}#index #container:not(.notrans) #content>div,#index #container:not(.notrans) header{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-duration:1s;transition-duration:1s}#index #container:not(.notrans) header{-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1);-webkit-transition-duration:1.2s;transition-duration:1.2s}#index #container:not(.notrans) #discover{-webkit-transition:opacity .3s .5s;transition:opacity .3s .5s}#index #container header{position:absolute;z-index:1500}#index #container #content>div{-webkit-transform:translateY(400px);transform:translateY(400px);opacity:0}#index #container.modify #content>div{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}#index #container.modify header{opacity:0;-webkit-transform:translateY(-100%) scale(.9);transform:translateY(-100%) scale(.9)}#index #container.modify:not(.notrans) #content>div{-webkit-transition-delay:.6s;transition-delay:.6s}#index #container.modify:not(.notrans) #discover{opacity:0;pointer-events:none;-webkit-transition-delay:0s;transition-delay:0s}#index main{position:relative;padding:130px 0 100px;min-height:100vh}@media screen and (min-width:662px){#index main{padding:200px 0}}#index main #grid{margin:0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;max-width:662px;max-height:2428px;position:relative;width:75vw;height:275vw}@media screen and (min-width:662px){#index main #grid{max-width:662px;max-height:1060px;width:75vw;height:120vw}}#index main #grid>div{position:absolute;color:#eaeaea;background:#b21158}#index main #grid #prtfl{width:100%;height:calc(9.09091% - 18.18182px);top:0;left:0;font-size:35px}@media screen and (min-width:662px){#index main #grid #prtfl{font-size:4vw;width:calc(40% - 12px);height:calc(12.5% - 17.5px);top:0;left:0}}@media screen and (min-width:821px){#index main #grid #prtfl{font-size:30px}}#index main #grid #ghb{width:calc(33.33333% - 13.33333px);height:calc(9.09091% - 18.18182px);top:calc(9.09091% + 1.81818px);left:0}@media screen and (min-width:662px){#index main #grid #ghb{width:calc(20% - 16px);height:calc(12.5% - 17.5px);top:calc(12.5% + 2.5px);left:0}}#index main #grid #ctc{width:calc(33.33333% - 13.33333px);height:calc(9.09091% - 18.18182px);top:calc(9.09091% + 1.81818px);left:calc(33.33333% + 6.66667px)}@media screen and (min-width:662px){#index main #grid #ctc{width:calc(20% - 16px);height:calc(12.5% - 17.5px);top:calc(12.5% + 2.5px);left:calc(20% + 4px)}}#index main #grid #twt{width:calc(33.33333% - 13.33333px);height:calc(9.09091% - 18.18182px);top:calc(9.09091% + 1.81818px);left:calc(66.66667% + 13.33333px)}@media screen and (min-width:662px){#index main #grid #twt{width:calc(20% - 16px);height:calc(12.5% - 17.5px);top:calc(25% + 5px);left:calc(20% + 4px)}}#index main #grid #wb{width:100%;height:calc(18.18182% - 16.36364px);top:calc(18.18182% + 3.63636px);left:0}@media screen and (min-width:662px){#index main #grid #wb{width:calc(60% - 8px);height:calc(25% - 15px);top:calc(12.5% + 2.5px);left:calc(40% + 8px)}}#index main #grid #app{width:100%;height:calc(18.18182% - 16.36364px);top:calc(45.45455% + 9.09091px);left:0}@media screen and (min-width:662px){#index main #grid #app{width:calc(60% - 8px);height:calc(25% - 15px);top:calc(37.5% + 7.5px);left:0}}#index main #grid #blog{width:100%;height:calc(9.09091% - 18.18182px);top:calc(36.36364% + 7.27273px);left:0;font-size:35px}@media screen and (min-width:662px){#index main #grid #blog{width:calc(40% - 12px);height:calc(12.5% - 17.5px);top:calc(50% + 10px);left:calc(60% + 12px)}}#index main #grid #tech{width:100%;height:calc(9.09091% - 18.18182px);top:calc(63.63636% + 12.72727px);left:0;font-size:35px}@media screen and (min-width:662px){#index main #grid #tech{font-size:2.9vw;width:calc(20% - 16px);height:calc(25% - 15px);top:calc(62.5% + 12.5px);left:0}#index main #grid #tech span{width:15px;word-break:break-all;line-height:1.2}}@media screen and (min-width:821px){#index main #grid #tech{font-size:25px}}#index main #grid #data{width:100%;height:calc(18.18182% - 16.36364px);top:calc(72.72727% + 14.54545px);left:0}@media screen and (min-width:662px){#index main #grid #data{width:calc(60% - 8px);height:calc(25% - 15px);top:calc(62.5% + 12.5px);left:calc(20% + 4px)}}#index main #grid #mh{width:calc(66.66667% - 6.66667px);height:calc(9.09091% - 18.18182px);top:calc(90.90909% + 18.18182px);left:0;color:#282c34;font-size:6vw;font-weight:800;line-height:.82;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#index main #grid #mh>li,#index main #grid #mh>ul{width:100%;list-style-type:none;padding:0}#index main #grid #mh span{display:block}@media screen and (min-width:662px){#index main #grid #mh{width:calc(40% - 12px);height:calc(12.5% - 17.5px);top:calc(87.5% + 17.5px);left:calc(40% + 8px);font-size:4vw}}@media screen and (min-width:821px){#index main #grid #mh{font-size:35px}}#index main #grid #who{width:calc(33.33333% - 13.33333px);height:calc(9.09091% - 18.18182px);top:calc(90.90909% + 18.18182px);left:calc(66.66667% + 13.33333px);font-size:45px}@media screen and (min-width:662px){#index main #grid #who{width:calc(20% - 16px);height:calc(12.5% - 17.5px);top:calc(87.5% + 17.5px);left:calc(80% + 16px)}}#index main #grid #soon{opacity:0;font-size:35px;background-color:#d2de2f;color:#282c34;-webkit-transition:opacity .3s;transition:opacity .3s;visibility:hidden}#index main #grid #soon.show{opacity:1}@media screen and (min-width:662px){#index main #grid #soon{width:calc(40% - 12px);height:calc(12.5% - 17.5px);top:calc(37.5% + 7.5px);left:calc(60% + 12px);visibility:visible}}#index main #grid .soon{-webkit-tap-highlight-color:rgba(0,0,0,0)}#index main #grid #blog:not(#soon),#index main #grid #prtfl:not(#soon),#index main #grid #soon:not(#soon),#index main #grid #tech:not(#soon),#index main #grid #who:not(#soon){background-color:#282c34;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40L40 0H20L0 20m40 20V20L20 40' fill='%23b21158' fill-rule='evenodd'/%3E%3C/svg%3E")}#index main #grid #blog:not(#soon):hover,#index main #grid #prtfl:not(#soon):hover,#index main #grid #soon:not(#soon):hover,#index main #grid #tech:not(#soon):hover,#index main #grid #who:not(#soon):hover{cursor:pointer}#index main #grid #blog a,#index main #grid #prtfl a,#index main #grid #soon a,#index main #grid #tech a,#index main #grid #who a{color:inherit;display:block;height:100%;width:100%}#index main #grid #blog span,#index main #grid #prtfl span,#index main #grid #soon span,#index main #grid #tech span,#index main #grid #who span{margin:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-transform:uppercase;font-weight:800}#index main #grid #app,#index main #grid #data,#index main #grid #wb{background:#282c34;border:4px solid #b21158}#index main #grid #app>div,#index main #grid #data>div,#index main #grid #wb>div{position:relative;width:100%}#index main #grid #app>div:first-child,#index main #grid #data>div:first-child,#index main #grid #wb>div:first-child{height:70%;color:#463343;font-size:35vw;overflow:hidden;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width:662px){#index main #grid #app>div:first-child,#index main #grid #data>div:first-child,#index main #grid #wb>div:first-child{font-size:22vw}}@media screen and (min-width:821px){#index main #grid #app>div:first-child,#index main #grid #data>div:first-child,#index main #grid #wb>div:first-child{font-size:200px}}#index main #grid #app>div:first-child>h3,#index main #grid #data>div:first-child>h3,#index main #grid #wb>div:first-child>h3{margin:0;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-transform:uppercase}#index main #grid #app>div:last-child,#index main #grid #data>div:last-child,#index main #grid #wb>div:last-child{color:#eaeaea;height:30%;background:#b21158;font-size:3vw}@media screen and (min-width:662px){#index main #grid #app>div:last-child,#index main #grid #data>div:last-child,#index main #grid #wb>div:last-child{font-size:2.4vw}}@media screen and (min-width:821px){#index main #grid #app>div:last-child,#index main #grid #data>div:last-child,#index main #grid #wb>div:last-child{font-size:.9em}}#index main #grid #app>div:last-child>span,#index main #grid #data>div:last-child>span,#index main #grid #wb>div:last-child>span{padding:3px;position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}@media screen and (min-width:821px){#index main #grid #app>div:last-child>span,#index main #grid #data>div:last-child>span,#index main #grid #wb>div:last-child>span{padding:5px}}#index main #grid #ctc,#index main #grid #ghb,#index main #grid #twt{background-color:#282c34;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23b21158' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'/%3E%3C/svg%3E")}#index main #grid #ctc>svg,#index main #grid #ghb>svg,#index main #grid #twt>svg{width:100%;height:100%}.no-js #index *{opacity:1!important}.no-js #index header{position:relative!important;height:100vh!important}.no-js #index #discover{position:absolute!important}.no-js #index main{padding:100px 0 200px!important}.no-js #index main #grid{position:relative!important;-webkit-transform:initial!important;transform:none!important}.no-js #index main #grid #soon{display:none!important}@font-face{font-family:feather;src:url(../fonts/Feather/feather.eot?-ajbl0g);src:url(../fonts/Feather/feather.eot?#iefix-ajbl0g) format("embedded-opentype"),url(../fonts/Feather/feather.ttf?-ajbl0g) format("truetype"),url(../fonts/Feather/feather.woff?-ajbl0g) format("woff"),url(../fonts/Feather/feather.svg?-ajbl0g#feather) format("svg");font-weight:400;font-style:normal}.icon{font-family:feather;speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon--zoom:before{content:"\e036"}.icon--circle-cross:before{content:"\e602"}.icon--arrow-right:before{content:"\e600"}.icon--arrow-left:before{content:"\e601"}#portfolio{overflow-y:scroll;font-size:100%;margin:0;padding:0;height:100%;overflow:hidden;font-family:Avenir,Helvetica Neue,Lato,Segoe UI,Helvetica,Arial,sans-serif;color:#cecece}#portfolio a{text-decoration:none;color:#5c5edc;outline:none}#portfolio a:focus{color:#ddd}#portfolio a:hover{color:#fff}#portfolio #container{position:relative;overflow:hidden;overflow-y:scroll;width:100%;height:100%;-webkit-overflow-scrolling:touch}#portfolio .noscroll #container{overflow-y:hidden}#portfolio .slider{position:relative;z-index:200;width:100%;margin:0 auto;padding:0 0 7em;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none}#portfolio .slider .slide{position:absolute;top:0;visibility:hidden;width:100%;opacity:0}#portfolio .slider .slide .slide__mover{position:relative;z-index:100}#portfolio .slider .slide .slide__title{font-size:1.75em;font-weight:400;margin:0 auto;padding:1em}#portfolio .slider .slide .slide__title span{font-size:55%;font-weight:700;display:block;letter-spacing:2px;text-transform:uppercase;color:#5d526f}#portfolio .slider .slide--current{position:relative;z-index:100;visibility:visible;opacity:1}#portfolio .slider .slider__nav{position:absolute;bottom:2em;width:100%;text-align:center}#portfolio .button{font-size:1.31em;position:relative;display:inline-block;overflow:hidden;margin:0 25px;padding:0;cursor:pointer;color:#b21158;border:none;background:none}#portfolio .button:focus{outline:none}#portfolio .button:hover{color:#fff}#portfolio .text-hidden{position:absolute;top:200%}#portfolio .button--close{font-size:1.55em;position:absolute;top:30px;right:30px;margin:0;opacity:0;color:#50505a;-webkit-transition:opacity .3s;transition:opacity .3s}#portfolio .content--open .button--close{opacity:1}#portfolio .zoomer{position:relative;height:360px;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}#portfolio .zoomer.zoomer--notrans{-webkit-transition:none;transition:none}#portfolio .flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}#portfolio .zoomer__image{display:block;margin:0;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-transition:opacity .3s .3s;transition:opacity .3s .3s}#portfolio .preview,#portfolio .zoomer__area{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}#portfolio .zoomer__area:focus{outline:none}#portfolio .zoomer__area--size-1{width:96px;height:118px}#portfolio .zoomer__area--size-2{width:112px;height:198px}#portfolio .zoomer__area--size-3{width:315px;height:200px}#portfolio .zoomer__area--size-4{width:150px;height:200px}#portfolio .zoomer__area--size-5{width:315px;height:189px}#portfolio .preview{overflow:hidden;background:#18191b}#portfolio .preview img{display:block;border-radius:inherit;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .6s .3s;transition:-webkit-transform .6s .3s;transition:transform .6s .3s;transition:transform .6s .3s,-webkit-transform .6s .3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}#portfolio .zoomer--active .preview img{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}#portfolio .zoomer--active .zoomer__image{opacity:0;-webkit-transition-delay:0s;transition-delay:0s}#portfolio .rounded{border-radius:15px}#portfolio .rounded-right{border-radius:0 15px 15px 0}#portfolio .preview__content{position:absolute;top:0;left:100%;width:100%;height:100%;border-radius:inherit}#portfolio .content{position:fixed;z-index:1000;top:0;left:-100%;overflow:hidden;overflow-y:scroll;width:100%;height:100vh;background:#18191b;-webkit-overflow-scrolling:touch;-webkit-transition:left 0s;transition:left 0s}#portfolio .content h2{font-size:3.5em;font-weight:400;margin:0}@media screen and (max-width:50em){#portfolio .content h2{font-size:3em}}#portfolio .content h3{font-size:1.95em;font-weight:400;margin:.25em 0 .5em;color:#685884}#portfolio .content p{font-size:1.25em;line-height:1.5}#portfolio .content p::-moz-selection{color:#ff358b;background:transparent}#portfolio .content p::selection{color:#ff358b;background:transparent}#portfolio .content--open{left:0}#portfolio .content__item{position:absolute;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;height:0;min-height:100%;margin:0 auto;padding:2em 0;pointer-events:none;opacity:0;color:#fff;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-webkit-transition:opacity 0s;transition:opacity 0s}@media screen and (max-width:50em){#portfolio .content__item{display:block}}#portfolio .content__item .content__item-inner{padding:0 10vw;opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);-webkit-transition:opacity .3s,-webkit-transform .6s;transition:opacity .3s,-webkit-transform .6s;transition:transform .6s,opacity .3s;transition:transform .6s,opacity .3s,-webkit-transform .6s;-webkit-transition-timing-function:cubic-bezier(.7,1,.8,1),ease;transition-timing-function:cubic-bezier(.7,1,.8,1),ease}@media screen and (max-width:50em){#portfolio .content__item .content__item-inner{font-size:82%;padding:4em 3em 2em}}#portfolio .content__item .content__item-img{display:block;max-width:40vw;max-height:80vh;-webkit-transform:translate3d(-120%,0,0);transform:translate3d(-120%,0,0);-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;-webkit-transition-timing-function:cubic-bezier(.7,1,.8,1);transition-timing-function:cubic-bezier(.7,1,.8,1)}@media screen and (max-width:50em){#portfolio .content__item .content__item-img{max-width:calc(100% - 80px);max-height:70vh}}#portfolio .content__item--current{pointer-events:auto;opacity:1}#portfolio .content__item--current .content__item-img{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1);-webkit-transition-duration:1s;transition-duration:1s}#portfolio .content__item--current .content__item-inner{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1),ease;transition-timing-function:cubic-bezier(.2,1,.3,1),ease;-webkit-transition-duration:1.7s;transition-duration:1.7s}#portfolio .content__item--reset{height:auto}#portfolio .content,#portfolio .content__item{-webkit-transition-delay:.3s;transition-delay:.3s}#portfolio .content--open,#portfolio .content__item--current{-webkit-transition:none;transition:none}.no-js #portfolio .slider{display:none}.no-js #portfolio .content{position:static;overflow:initial;background:#282c34}.no-js #portfolio .content .content__item{position:static;opacity:1;height:auto}.no-js #portfolio .content .content__item img{-webkit-transform:initial;transform:none}.no-js #portfolio .content .content__item .content__item-inner{-webkit-transform:initial;transform:none;opacity:1}body#errors-403,body#errors-404{color:#282c34;background:#dc1f72}body#errors-403 #container #logo svg .polylogo,body#errors-404 #container #logo svg .polylogo{fill:#282c34}body#errors-403 #container #logo svg #brand,body#errors-404 #container #logo svg #brand{fill:#dc1f72}body#errors-403 #container main,body#errors-404 #container main{position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0}body#errors-403 #container main #error,body#errors-404 #container main #error{position:absolute;width:60%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:Raleway,Arial,sans-serif;font-weight:800}body#errors-403 #container main #error #code,body#errors-403 #container main #error #link,body#errors-404 #container main #error #code,body#errors-404 #container main #error #link{font-size:1em;text-transform:uppercase;text-align:right;margin:7px 0}@media screen and (max-width:40em){body#errors-403 #container main #error #code,body#errors-403 #container main #error #link,body#errors-404 #container main #error #code,body#errors-404 #container main #error #link{font-size:.8em}}body#errors-403 #container main #error #detail,body#errors-404 #container main #error #detail{font-size:3em}@media screen and (max-width:40em){body#errors-403 #container main #error #detail,body#errors-404 #container main #error #detail{font-size:2em}}body#errors-403 #container main #error #link a,body#errors-404 #container main #error #link a{color:inherit}#about,#services,#technos,#web{color:#fff;font-family:Hind Madurai,sans-serif;font-size:1.3em}@media screen and (max-width:27em){#about,#services,#technos,#web{font-size:1.1em}}#about #container header,#services #container header,#technos #container header,#web #container header{position:fixed;z-index:3;width:16vw;height:16vw;min-width:calc(120px + 6vw);min-height:calc(120px + 6vw);top:0;left:0}@media screen and (max-width:27em){#about #container header,#services #container header,#technos #container header,#web #container header{width:100%;min-height:calc(80px + 6vw)}}#about #container header #logo .polylogo,#services #container header #logo .polylogo,#technos #container header #logo .polylogo,#web #container header #logo .polylogo{fill:#282c34;-webkit-transition:fill .35s;transition:fill .35s}@media screen and (max-width:27em){#about #container header #logo .polylogo,#services #container header #logo .polylogo,#technos #container header #logo .polylogo,#web #container header #logo .polylogo{fill:#b21158}}#about #container header #logo #brand,#services #container header #logo #brand,#technos #container header #logo #brand,#web #container header #logo #brand{fill:#b21158;-webkit-transition:fill .35s;transition:fill .35s}@media screen and (max-width:27em){#about #container header #logo #brand,#services #container header #logo #brand,#technos #container header #logo #brand,#web #container header #logo #brand{fill:#282c34}}@media screen and (max-width:27em){#about #container header #logo.beyond-menu .polylogo,#services #container header #logo.beyond-menu .polylogo,#technos #container header #logo.beyond-menu .polylogo,#web #container header #logo.beyond-menu .polylogo{fill:#fff!important}#about #container header #logo.beyond-menu #brand,#services #container header #logo.beyond-menu #brand,#technos #container header #logo.beyond-menu #brand,#web #container header #logo.beyond-menu #brand{fill:#b21158!important}}#about #container header #glass,#services #container header #glass,#technos #container header #glass,#web #container header #glass{display:none}@media screen and (max-width:27em){#about #container header #glass,#services #container header #glass,#technos #container header #glass,#web #container header #glass{z-index:-1;display:initial;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(40,44,52,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-box-shadow:2px 4px 8px #271d1d;box-shadow:2px 4px 8px #271d1d;-webkit-transition:background .35s,-webkit-backdrop-filter 0s,-webkit-box-shadow 0s;transition:background .35s,-webkit-backdrop-filter 0s,-webkit-box-shadow 0s;transition:background .35s,backdrop-filter 0s,box-shadow 0s;transition:background .35s,backdrop-filter 0s,box-shadow 0s,-webkit-backdrop-filter 0s,-webkit-box-shadow 0s}#about #container header #glass.behind-menu,#services #container header #glass.behind-menu,#technos #container header #glass.behind-menu,#web #container header #glass.behind-menu{background:transparent;-webkit-box-shadow:initial;box-shadow:none;-webkit-backdrop-filter:initial;backdrop-filter:none}}#about #container header #hamburger,#services #container header #hamburger,#technos #container header #hamburger,#web #container header #hamburger{display:none}@media screen and (max-width:27em){#about #container header #hamburger,#services #container header #hamburger,#technos #container header #hamburger,#web #container header #hamburger{display:initial;position:absolute;top:50%;right:20px;height:27px;width:35px;cursor:pointer;z-index:100;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity .25s ease;transition:opacity .25s ease;-webkit-tap-highlight-color:rgba(0,0,0,0)}#about #container header #hamburger:hover,#services #container header #hamburger:hover,#technos #container header #hamburger:hover,#web #container header #hamburger:hover{opacity:.7}#about #container header #hamburger span,#services #container header #hamburger span,#technos #container header #hamburger span,#web #container header #hamburger span{background:#b21158;height:5px;width:100%;position:absolute;top:0;left:0;cursor:pointer;-webkit-transition:all .35s ease;transition:all .35s ease}#about #container header #hamburger span:nth-of-type(2),#services #container header #hamburger span:nth-of-type(2),#technos #container header #hamburger span:nth-of-type(2),#web #container header #hamburger span:nth-of-type(2){top:11px}#about #container header #hamburger span:nth-of-type(3),#services #container header #hamburger span:nth-of-type(3),#technos #container header #hamburger span:nth-of-type(3),#web #container header #hamburger span:nth-of-type(3){top:22px}#about #container header #hamburger.active span,#services #container header #hamburger.active span,#technos #container header #hamburger.active span,#web #container header #hamburger.active span{background:#fff}#about #container header #hamburger.active span:first-of-type,#services #container header #hamburger.active span:first-of-type,#technos #container header #hamburger.active span:first-of-type,#web #container header #hamburger.active span:first-of-type{-webkit-transform:translateY(11px) translateX(0) rotate(45deg);transform:translateY(11px) translateX(0) rotate(45deg)}#about #container header #hamburger.active span:nth-of-type(2),#services #container header #hamburger.active span:nth-of-type(2),#technos #container header #hamburger.active span:nth-of-type(2),#web #container header #hamburger.active span:nth-of-type(2){opacity:0}#about #container header #hamburger.active span:nth-of-type(3),#services #container header #hamburger.active span:nth-of-type(3),#technos #container header #hamburger.active span:nth-of-type(3),#web #container header #hamburger.active span:nth-of-type(3){-webkit-transform:translateY(-11px) translateX(0) rotate(-45deg);transform:translateY(-11px) translateX(0) rotate(-45deg)}}#about #container #menu,#services #container #menu,#technos #container #menu,#web #container #menu{position:fixed;top:0;left:0;height:100%;min-height:100vh;overflow-y:auto;width:16vw;min-width:calc(120px + 6vw);background:#282c34;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40L40 0H20L0 20m40 20V20L20 40' fill='%23b21158' fill-rule='evenodd'/%3E%3C/svg%3E")}@media screen and (max-width:27em){#about #container #menu,#services #container #menu,#technos #container #menu,#web #container #menu{z-index:2;width:100%;height:0%;opacity:0;visibility:hidden;-webkit-transition:opacity .35s,visibility .35s,height .35s;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden}#about #container #menu.open,#services #container #menu.open,#technos #container #menu.open,#web #container #menu.open{opacity:.9;visibility:visible;height:100%}}#about #container #menu nav,#services #container #menu nav,#technos #container #menu nav,#web #container #menu nav{margin-top:16vw}@media screen and (max-width:1198px){#about #container #menu nav,#services #container #menu nav,#technos #container #menu nav,#web #container #menu nav{margin-top:calc(120px + 6vw)}}@media screen and (max-width:27em){#about #container #menu nav,#services #container #menu nav,#technos #container #menu nav,#web #container #menu nav{position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;margin-top:0}}#about #container #menu nav ul,#services #container #menu nav ul,#technos #container #menu nav ul,#web #container #menu nav ul{padding-left:0}@media screen and (max-width:27em){#about #container #menu nav ul,#services #container #menu nav ul,#technos #container #menu nav ul,#web #container #menu nav ul{margin:0}}#about #container #menu nav ul a,#services #container #menu nav ul a,#technos #container #menu nav ul a,#web #container #menu nav ul a{color:inherit;text-decoration:none}#about #container #menu nav ul a li,#services #container #menu nav ul a li,#technos #container #menu nav ul a li,#web #container #menu nav ul a li{height:9vh;line-height:9vh;text-align:center;font-size:30px;font-weight:800;font-family:Raleway,Arial,sans-serif;text-transform:uppercase}@media screen and (max-width:1241px){#about #container #menu nav ul a li,#services #container #menu nav ul a li,#technos #container #menu nav ul a li,#web #container #menu nav ul a li{font-size:25px}}#about #container #menu nav ul a li.active,#about #container #menu nav ul a li:hover,#services #container #menu nav ul a li.active,#services #container #menu nav ul a li:hover,#technos #container #menu nav ul a li.active,#technos #container #menu nav ul a li:hover,#web #container #menu nav ul a li.active,#web #container #menu nav ul a li:hover{background:#282c34;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23b21158' fill-opacity='.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'/%3E%3C/svg%3E")}#about #container main,#services #container main,#technos #container main,#web #container main{max-width:768px;margin:auto;margin-bottom:4em}@media screen and (max-width:1241px){#about #container main,#services #container main,#technos #container main,#web #container main{margin-left:calc(120px + 10vw);margin-right:20px}}@media screen and (max-width:27em){#about #container main,#services #container main,#technos #container main,#web #container main{margin:20px}}#about #container main h1,#about #container main h2,#about #container main h3,#services #container main h1,#services #container main h2,#services #container main h3,#technos #container main h1,#technos #container main h2,#technos #container main h3,#web #container main h1,#web #container main h2,#web #container main h3{font-family:Raleway,Arial,sans-serif;color:#b21158}#about #container main h1::-moz-selection,#about #container main h2::-moz-selection,#about #container main h3::-moz-selection,#services #container main h1::-moz-selection,#services #container main h2::-moz-selection,#services #container main h3::-moz-selection,#technos #container main h1::-moz-selection,#technos #container main h2::-moz-selection,#technos #container main h3::-moz-selection,#web #container main h1::-moz-selection,#web #container main h2::-moz-selection,#web #container main h3::-moz-selection{color:#282c34;background:#ff358b}#about #container main h1::selection,#about #container main h2::selection,#about #container main h3::selection,#services #container main h1::selection,#services #container main h2::selection,#services #container main h3::selection,#technos #container main h1::selection,#technos #container main h2::selection,#technos #container main h3::selection,#web #container main h1::selection,#web #container main h2::selection,#web #container main h3::selection{color:#282c34;background:#ff358b}#about #container main strong,#services #container main strong,#technos #container main strong,#web #container main strong{color:#282c34;background:#ff358b}#about #container main h1,#services #container main h1,#technos #container main h1,#web #container main h1{font-size:2.8em;height:16vw;min-height:calc(120px + 6vw);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0}@media screen and (max-width:27em){#about #container main h1,#services #container main h1,#technos #container main h1,#web #container main h1{margin-top:16vw;font-size:2.3em}}#about #container main p:first-of-type,#services #container main p:first-of-type,#technos #container main p:first-of-type,#web #container main p:first-of-type{margin-top:0}#about #container main li::-moz-selection,#about #container main p::-moz-selection,#services #container main li::-moz-selection,#services #container main p::-moz-selection,#technos #container main li::-moz-selection,#technos #container main p::-moz-selection,#web #container main li::-moz-selection,#web #container main p::-moz-selection{color:#ff358b;background:transparent}#about #container main li::selection,#about #container main p::selection,#services #container main li::selection,#services #container main p::selection,#technos #container main li::selection,#technos #container main p::selection,#web #container main li::selection,#web #container main p::selection{color:#ff358b;background:transparent}#about #container #goto-top,#services #container #goto-top,#technos #container #goto-top,#web #container #goto-top{display:inline-block;height:40px;width:40px;position:fixed;bottom:40px;right:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05);overflow:hidden;text-indent:100%;white-space:nowrap;background:rgba(178,17,88,.8) url(../img/pages/top-arrow-e8ffcff1b2.svg) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s}@media only screen and (min-width:1024px){#about #container #goto-top,#services #container #goto-top,#technos #container #goto-top,#web #container #goto-top{height:60px;width:60px;right:30px;bottom:30px}}@media only screen and (min-width:768px){#about #container #goto-top,#services #container #goto-top,#technos #container #goto-top,#web #container #goto-top{right:20px;bottom:20px}}@media screen and (max-width:27em){#about #container #goto-top,#services #container #goto-top,#technos #container #goto-top,#web #container #goto-top{display:none}}#about #container #goto-top.fade-out,#about #container #goto-top.is-visible,#services #container #goto-top.fade-out,#services #container #goto-top.is-visible,#technos #container #goto-top.fade-out,#technos #container #goto-top.is-visible,#web #container #goto-top.fade-out,#web #container #goto-top.is-visible{-webkit-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}#about #container #goto-top.is-visible,#services #container #goto-top.is-visible,#technos #container #goto-top.is-visible,#web #container #goto-top.is-visible{visibility:visible;opacity:1}#about #container #goto-top.fade-out,#services #container #goto-top.fade-out,#technos #container #goto-top.fade-out,#web #container #goto-top.fade-out{opacity:.5}#about #container #goto-top:hover,#services #container #goto-top:hover,#technos #container #goto-top:hover,#web #container #goto-top:hover{-webkit-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s;background-color:#b21158;opacity:1}