*,:after,:before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.container,.container .wrap{zoom:1}.container .wrap:after,.container .wrap:before,.container:after,.container:before{content:"";display:table}.container .wrap:after,.container:after{clear:both}@font-face{font-family:HelveticaNeue;src:url(fonts/HelveticaNeue-Light.eot?#iefix) format("embedded-opentype"),url(fonts/HelveticaNeue-Light.otf) format("opentype"),url(fonts/HelveticaNeue-Light.woff) format("woff"),url(fonts/HelveticaNeue-Light.ttf) format("truetype"),url(fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light) format("svg");font-weight:300;font-style:normal}@font-face{font-family:HelveticaNeue;src:url(fonts/HelveticaNeue.eot?#iefix) format("embedded-opentype"),url(fonts/HelveticaNeue.otf) format("opentype"),url(fonts/HelveticaNeue.woff) format("woff"),url(fonts/HelveticaNeue.ttf) format("truetype"),url(fonts/HelveticaNeue.svg#HelveticaNeue) format("svg");font-weight:400;font-style:normal}@font-face{font-family:HelveticaNeue;src:url(fonts/HelveticaNeue-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/HelveticaNeue-Bold.otf) format("opentype"),url(fonts/HelveticaNeue-Bold.woff) format("woff"),url(fonts/HelveticaNeue-Bold.ttf) format("truetype"),url(fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold) format("svg");font-weight:700;font-style:normal}@font-face{font-family:EBGaramond-Regular;src:url(fonts/EBGaramond-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/EBGaramond-Regular.otf) format("opentype"),url(fonts/EBGaramond-Regular.woff) format("woff"),url(fonts/EBGaramond-Regular.ttf) format("truetype"),url(fonts/EBGaramond-Regular.svg#EBGaramond-Regular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?-p3pgtp);src:url(fonts/icomoon.eot?#iefix-p3pgtp) format("embedded-opentype"),url(fonts/icomoon.woff?-p3pgtp) format("woff"),url(fonts/icomoon.ttf?-p3pgtp) format("truetype"),url(fonts/icomoon.svg?-p3pgtp#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon,sans-serif;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-cross:before{content:"\e90d"}.icon-chevron-right:before{content:"\e90c"}.icon-warning:before{content:"\e90b"}.icon-about:before{content:"\e900"}.icon-email:before{content:"\e901"}.icon-medium:before{content:"\e90f"}.icon-instagram:before{content:"\e902"}.icon-design:before{content:"\e903"}.icon-linkedin:before{content:"\e904"}.icon-coding:before{content:"\e905"}.icon-contact:before{content:"\e906"}.icon-github:before{content:"\e907"}.icon-achievements:before{content:"\e908"}.icon-twitter:before{content:"\e90e"}.icon-facebook:before{content:"\e909"}.icon-infinite:before{content:"\e90a"}html{box-sizing:border-box}body{font:62.5%/1.618 HelveticaNeue,Arial,sans-serif;margin:0!important}address,h1,h2,h3,h4,h5,h6{word-break:break-word;font-weight:700;line-height:1;margin:0;margin-bottom:10px}h1{font-size:3em}h2{font-size:2.6em}h3{font-size:2.4em}hr{margin:40px 0}menu,ol,ul{margin-bottom:20px;padding:0 0 0 40px}menu li,ol li,ul li{font-size:1.8em}menu li a,menu li li,ol li a,ol li li,ul li a,ul li li{font-size:1em}ol,ul{margin:auto;margin-bottom:20px}ol code,ol kbd,ol pre,ol samp,ul code,ul kbd,ul pre,ul samp{font-size:1em;margin-bottom:0}img{display:block;height:auto;margin:0 auto 10px;max-width:100%;width:100%}@media print,screen and (min-width:768px){img{margin:0 0 10px;width:auto}}code,p{font-size:1.8em;word-break:break-word}code a,code code,p a,p code{font-size:1em}code code,p code{margin-bottom:0}a{color:#2b2c33;font-size:2em;font-weight:700;margin-bottom:10px;text-decoration:none}pre{border:1px solid #9e9e9e;overflow-x:auto}code,pre{background-color:#f7f7f7}code{display:inline-block;margin-bottom:20px;padding:5px 10px}button{overflow:hidden;position:relative}button:focus{outline:0}blockquote{font-size:2em;font-weight:700;font-style:italic;text-align:center}svg.ripple{left:0;position:absolute;top:0;z-index:1}svg.ripple circle{fill:#fff;opacity:0}.no-objectfit .card-wrap{background-size:cover;background-position:50%}.no-objectfit .card-wrap img{display:none}.-caption{font-size:1.4em;font-style:italic;margin-top:5px;text-align:center}.cp_embed_wrapper{margin-bottom:30px}#main{transition-property:height;transition-duration:.5s;transition-timing-function:cubic-bezier(.19,1,.22,1);display:-ms-flexbox;display:flex;height:calc(100vh - 75px);margin-top:75px}.listing ul{font-family:EBGaramond-Regular,serif;margin-bottom:30px}.listing li{font-size:2em}.listing a{font-weight:300;text-decoration:underline}.listing a:hover{text-decoration:none}.glitch,p a:hover{display:block;position:relative}.glitch:after,.glitch:before,p a:hover:after,p a:hover:before{background:#2b2c33;content:attr(data-text);clip:rect(0,900px,0,0);opacity:.5;overflow:hidden;position:absolute;top:0}.glitch:before,p a:hover:before{animation:b 3s infinite linear alternate-reverse;left:-5px;text-shadow:1px 0 cyan}.glitch:after,p a:hover:after{animation:a 2s infinite linear alternate-reverse;left:5px;text-shadow:-1px 0 red}@keyframes a{0%{clip:rect(17px,9999px,29px,0)}5%{clip:rect(25px,9999px,96px,0)}10%{clip:rect(2px,9999px,1px,0)}15%{clip:rect(12px,9999px,23px,0)}20%{clip:rect(57px,9999px,95px,0)}25%{clip:rect(79px,9999px,100px,0)}30%{clip:rect(80px,9999px,53px,0)}35%{clip:rect(26px,9999px,42px,0)}40%{clip:rect(30px,9999px,41px,0)}45%{clip:rect(100px,9999px,90px,0)}50%{clip:rect(14px,9999px,76px,0)}55%{clip:rect(85px,9999px,79px,0)}60%{clip:rect(83px,9999px,27px,0)}65%{clip:rect(95px,9999px,51px,0)}70%{clip:rect(21px,9999px,75px,0)}75%{clip:rect(5px,9999px,90px,0)}80%{clip:rect(32px,9999px,6px,0)}85%{clip:rect(23px,9999px,38px,0)}90%{clip:rect(2px,9999px,21px,0)}95%{clip:rect(77px,9999px,62px,0)}to{clip:rect(36px,9999px,19px,0)}}@keyframes b{0%{clip:rect(34px,9999px,74px,0)}5%{clip:rect(9px,9999px,76px,0)}10%{clip:rect(45px,9999px,63px,0)}15%{clip:rect(100px,9999px,8px,0)}20%{clip:rect(27px,9999px,11px,0)}25%{clip:rect(31px,9999px,1px,0)}30%{clip:rect(54px,9999px,48px,0)}35%{clip:rect(22px,9999px,76px,0)}40%{clip:rect(12px,9999px,15px,0)}45%{clip:rect(81px,9999px,26px,0)}50%{clip:rect(62px,9999px,47px,0)}55%{clip:rect(80px,9999px,91px,0)}60%{clip:rect(79px,9999px,33px,0)}65%{clip:rect(37px,9999px,58px,0)}70%{clip:rect(51px,9999px,93px,0)}75%{clip:rect(48px,9999px,3px,0)}80%{clip:rect(72px,9999px,88px,0)}85%{clip:rect(34px,9999px,94px,0)}90%{clip:rect(85px,9999px,63px,0)}95%{clip:rect(33px,9999px,31px,0)}to{clip:rect(72px,9999px,12px,0)}}p{color:#2b2c33;font-weight:300;font-family:EBGaramond-Regular,serif;font-size:2em;margin-top:0}p a{background-color:#2b2c33;color:#fff;font-weight:700;margin-bottom:0;padding:2px 10px 4px;position:relative;z-index:1}p a,p a:hover{display:inline-block}p a:after,p a:before{left:0!important;top:2px!important}p a:before{left:7px!important}p a:after{left:13px!important}section{--glitch-width:100vw;--glitch-height:100vh;--gap-horizontal:10px;--gap-vertical:5px;--time-anim:5s;--delay-anim:2s;--blend-mode-1:none;--blend-mode-2:none;--blend-mode-3:none;--blend-mode-4:none;--blend-mode-5:overlay;--blend-color-1:transparent;--blend-color-2:transparent;--blend-color-3:transparent;--blend-color-4:transparent;--blend-color-5:transparent}.glitch__cont{width:100%;overflow:hidden;position:relative}.glitch__cont,.glitch__img{background-size:contain;background-position:50%;background-repeat:no-repeat}.glitch__img{position:absolute;top:calc(-1 * var(--gap-vertical));left:calc(-1 * var(--gap-horizontal));width:calc(100% + var(--gap-horizontal) * 2);height:calc(100% + var(--gap-vertical) * 2);background-color:var(--blend-color-1);transform:translateZ(0);background-blend-mode:var(--blend-mode-1)}.glitch__img:nth-child(n+2){opacity:0;animation-duration:var(--time-anim);animation-delay:var(--delay-anim);animation-timing-function:linear;animation-iteration-count:infinite}.glitch__img:first-child{background-size:95%}.glitch__img:nth-child(2){background-color:var(--blend-color-2);background-blend-mode:var(--blend-mode-2);animation-name:c}.glitch__img:nth-child(3){background-color:var(--blend-color-3);background-blend-mode:var(--blend-mode-3);animation-name:d}.glitch__img:nth-child(4){background-color:var(--blend-color-4);background-blend-mode:var(--blend-mode-4);animation-name:e}.glitch__img:nth-child(5){background-color:var(--blend-color-5);background-blend-mode:var(--blend-mode-5);animation-name:f}@keyframes c{0%{opacity:1;transform:translate3d(var(--gap-horizontal),0,0);-webkit-clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%);clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%)}2%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%);clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}4%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%);clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}6%{-webkit-clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%);clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}8%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}10%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}12%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}14%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}16%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}18%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}20%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}21.9%{opacity:1;transform:translate3d(var(--gap-horizontal),0,0)}22%,to{opacity:0;transform:translateZ(0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}}@keyframes d{0%{opacity:1;transform:translate3d(calc(-1 * var(--gap-horizontal)),0,0);-webkit-clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%);clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%)}3%{-webkit-clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%);clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}5%{-webkit-clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%);clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)}7%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%);clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}9%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%);clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%)}11%{-webkit-clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%);clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%)}13%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%);clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}15%{-webkit-clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%);clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%)}17%{-webkit-clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%);clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%)}19%{-webkit-clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%);clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%)}20%{-webkit-clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%);clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%)}21.9%{opacity:1;transform:translate3d(calc(-1 * var(--gap-horizontal)),0,0)}22%,to{opacity:0;transform:translateZ(0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}}@keyframes e{0%{opacity:1;transform:translate3d(0,calc(-1 * var(--gap-vertical)),0) scale3d(-1,-1,1);-webkit-clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%);clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%)}1.5%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%);clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%)}2%{-webkit-clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%);clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%)}2.5%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%);clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}3%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%);clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%)}5%{-webkit-clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%);clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%)}5.5%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%);clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%)}7%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%);clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%)}8%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}9%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%);clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%)}10.5%{-webkit-clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%);clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%)}11%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%);clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%)}13%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%);clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%)}14%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%);clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%)}14.5%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%);clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%)}15%{-webkit-clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%);clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%)}16%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%);clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}18%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%);clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%)}20%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%);clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%)}21.9%{opacity:1;transform:translate3d(0,calc(-1 * var(--gap-vertical)),0) scale3d(-1,-1,1)}22%,to{opacity:0;transform:translateZ(0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}}@keyframes f{0%,5%{opacity:.2;transform:translate3d(var(--gap-horizontal),var(--gap-vertical),0)}5.5%,to{opacity:0;transform:translateZ(0)}}[class*=" col-"],[class^=col-]{margin-bottom:20px;padding:0 20px;width:100%}[class*=" col-"]:last-child,[class^=col-]:last-child{margin-bottom:0}@media print,screen and (min-width:768px){[class*=" col-"],[class^=col-]{float:left;margin-bottom:0;padding:0 20px}}@media print,screen and (min-width:768px){.col-1{width:8.333333%}.col-2{width:16.666667%}.col-3{width:25%}.col-4{width:33.333333%}.col-5{width:41.666667%}.col-6{width:50%}.col-7{width:58.333333%}.col-8{width:66.666667%}.col-9{width:75%}.col-10{width:83.333333%}.col-11{width:91.666667%}.col-12{width:100%}.col-offset-1{margin-left:8.333333%}.col-offset-2{margin-left:16.666667%}.col-offset-3{margin-left:25%}.col-offset-4{margin-left:33.333333%}.col-offset-5{margin-left:41.666667%}.col-offset-6{margin-left:50%}.col-offset-7{margin-left:58.333333%}.col-offset-8{margin-left:66.666667%}.col-offset-9{margin-left:75%}.col-offset-10{margin-left:83.333333%}.col-offset-11{margin-left:91.666667%}.col-offset-12{margin-left:100%}}.container{height:100%;margin:auto;max-width:1020px;padding:0 20px;position:relative;width:100%;z-index:1}@media print,screen and (min-width:1024px){.container{padding:0 20px}}.container .wrap{margin:0 -20px;padding:0}@media print,screen and (min-width:768px){.container .wrap{margin:0 -20px}}.card{opacity:0;position:relative;transform:translateY(150px)}@media print,screen and (min-width:768px){.card{margin-bottom:30px}}.shadow-z1{box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.24)}.shadow-z2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.toaster-wrap{bottom:20px;left:20px;max-width:280px;position:fixed;width:100%;z-index:1}@media print,screen and (min-width:768px){.toaster-wrap{max-width:380px}}.toaster{box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.24);background:#323232;border-radius:4px;color:#fff;margin-bottom:10px;opacity:0;padding:20px;transform:scale(.75);transform-origin:left bottom}.toaster:last-child,.toaster:only-child{margin-bottom:0}.toaster p{color:#fff;font:1.4em HelveticaNeue;margin:0;padding-right:100px}.toaster button{background:none;border:0;bottom:0;color:#fff;height:20px;margin:auto;padding:0;position:absolute;right:20px;top:0;width:20px}.toaster .btn-refresh{color:#ffeb3b;font-size:1.3em;right:50px;text-transform:uppercase;width:auto}.toaster .icon{display:block;font-size:1.6em}.toaster .container{padding:0}.loader{box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.24);bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;background:#fff;border-radius:50%;height:50px;width:50px;z-index:10}.loader:before{content:"";display:block;padding-top:100%}.circular{bottom:0;left:0;position:absolute;right:0;top:0;animation:g 2s linear infinite;height:75%;margin:auto;transform-origin:center center;width:75%}.path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:h 1.5s ease-in-out infinite,i 6s ease-in-out infinite;stroke-linecap:round}@keyframes g{to{transform:rotate(1turn)}}@keyframes h{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes i{0%,to{stroke:#2196f3}}.header{transition-property:background,top;transition-timing-function:cubic-bezier(.19,1,.22,1);background-color:#fff;height:75px;padding:17px 20px;position:fixed;z-index:10}.header,.header-wrap{transition-duration:.5s;top:0;width:100%}.header-wrap{transition-property:visibilty;transition-timing-function:cubic-bezier(.19,1,.22,1);height:100%;overflow:hidden;position:absolute;right:0;visibility:hidden}.header-wrap.active{visibility:visible}.header.dark{background-color:#2b2c33}.header.dark svg polygon{fill:#fff}.header.dark svg path{opacity:0}.header.dark .menu .box{background-color:#fff}.header.hide{top:-75px}.logo{opacity:0;position:absolute;transform:translateY(50px);z-index:1}.logo svg path,.logo svg polygon{transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.19,1,.22,1);opacity:1}section{display:none;margin:auto;width:100%}section h1{border-left:0 solid #2196f3;color:#fff;display:block;font-size:2.8em;margin-bottom:40px;margin-top:20px;padding:15px 30px 15px 15px;position:relative;text-overflow:clip;z-index:1}@media print,screen and (min-width:768px){section h1{font-size:3.2em}}section h1 .icon{bottom:0;height:24px;font-size:.75em;margin:auto;opacity:0;position:absolute;top:0;right:15px}section h2{margin-top:0;margin-bottom:20px;z-index:1}section code,section h2,section img,section p{opacity:0;position:relative;transform:translateY(50px)}section hr{border-top:3px solid #2b2c33;width:0}section .bar{background-color:#2b2c33;height:100%;left:0;position:absolute;top:0;width:0;z-index:1}section .text{color:#fff;position:relative;z-index:5}section .listing li{opacity:0;position:relative;transform:translateY(50px);z-index:1}section .navigation{margin-bottom:20px}section .navigation a{transition-property:color;transition-duration:.5s;transition-timing-function:cubic-bezier(1,0,0,1);background-color:#fff;border:2px solid #2b2c33;display:block;margin-bottom:15px;padding:20px;position:relative}section .navigation a:after,section .navigation a:before{transition-property:width;transition-duration:.5s;transition-timing-function:cubic-bezier(1,0,0,1);content:"";cursor:pointer;display:block;height:100%;left:0;position:absolute;top:0;width:0;z-index:5}section .navigation a:before{background-color:#2196f3}section .navigation a:after{transition-delay:.1s;background-color:#2b2c33}section .navigation a:hover{color:#fff}section .navigation a:hover:after,section .navigation a:hover:before{width:100%}section .navigation a:hover .line{background-color:#fff;opacity:0;width:6px}section .navigation a:hover .icon{opacity:1}section .navigation a:hover .icon:first-child{transform:translate(-10px)}section .navigation a:hover .icon:last-child{transform:translate(0)}section .navigation-label{line-height:1;position:relative;z-index:10}section .navigation-label span{font-weight:300}section .navigation-shadow{display:block;margin-bottom:0;height:100%;width:100%}section .navigation-shadow:after{background:-webkit-repeating-linear-gradient(135deg,#656878,#656878 2px,transparent 0,transparent 5px);background:repeating-linear-gradient(-45deg,#656878,#656878 2px,transparent 0,transparent 5px);content:"";height:100%;left:5px;top:5px;position:absolute;width:100%;z-index:-1}section .navigation-icon{bottom:0;height:100%;padding:0;position:absolute;right:0;top:0;z-index:10}section .navigation-icon .icon{transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(1,0,0,1);bottom:0;color:#fff;display:block;font-size:2em;height:40px;margin:auto;opacity:0;position:absolute;right:0;top:0;width:40px}section .navigation-icon .icon:first-child{transform:translate(-40px);transition-delay:.3s}section .navigation-icon .icon:last-child{transform:translate(-30px);transition-delay:.2s}section .navigation .line{transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(1,0,0,1);background-color:#2b2c33;bottom:0;display:none;height:1px;right:20px;margin:auto;position:absolute;top:0;z-index:10}@media print,screen and (min-width:768px){section .navigation .line{display:block;width:130px}}@media print,screen and (min-width:1024px){section .navigation .line{width:212px}}.hello{display:block;margin:auto}.hello h1{display:block;font-size:3.4em;height:75px;margin-top:10px;max-width:585px;opacity:0;padding:20px}@media print,screen and (min-width:768px){.hello h1{font-size:7em;height:120px;padding:25px}}.hello h1 .bar{background:#2b2c33;display:block;height:100%;left:0;position:absolute;top:0;width:0;z-index:-1}.hello p{font-size:1.8em;opacity:0;position:relative;transform:translateY(50px)}.hello p a{margin:0}.hello nav{display:none}@media print,screen and (min-width:768px){.hello nav{display:block}}.hello nav ul{list-style-type:none;margin:0;padding:0;margin:0 -20px;text-align:center}@media print,screen and (min-width:768px){.hello nav ul{margin:0 -10px}}.hello nav li{float:left;height:40vw;opacity:0;margin-bottom:30px;padding:0 20px;position:relative;transform:translateY(50px);width:50%}@media print,screen and (min-width:768px){.hello nav li{height:102px;padding:0 10px;width:20%}}@media print,screen and (min-width:1024px){.hello nav li{height:146px;width:20%}}.hello nav li:last-child{width:100%}@media print,screen and (min-width:768px){.hello nav li:last-child{width:20%}}.hello nav .text{color:#2b2c33}.hello hr{display:none}@media print,screen and (min-width:768px){.hello hr{display:block;width:0}}.hello .text{display:block;overflow:hidden;padding:0 0 2px;text-overflow:clip;white-space:nowrap}.element-box{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:3px solid #2b2c33;height:100%;margin:0;padding:6.5vw 2.5vw;position:relative;text-decoration:none}@media print,screen and (min-width:768px){.element-box{padding:20px 10px}}@media print,screen and (min-width:1024px){.element-box:hover{border:3px solid #2196f3;margin:0;padding:0}.element-box:hover .icon{opacity:1;transform:scale(1)}}.element-box.active{border:3px solid #2196f3;margin:0;padding:0}.element-box.active .icon{opacity:1;transform:scale(1)}.element-box .abbr,.element-box .full{display:block;line-height:1;vertical-align:top}.element-box .abbr{font-size:1.95em;margin-bottom:5px}@media print,screen and (min-width:768px){.element-box .abbr{font-size:2.35em;margin-bottom:5px}}@media print,screen and (min-width:1024px){.element-box .abbr{font-size:3.35em}}.element-box .full{font-size:.75em}@media print,screen and (min-width:768px){.element-box .full{display:block;font-size:.55em}}@media print,screen and (min-width:1024px){.element-box .full{font-size:.8em}}.element-box .icon{transition-property:all;transition-duration:.25s;transition-timing-function:cubic-bezier(.19,1,.22,1);background:#2196f3;color:#fff;height:100%;font-size:3.75em;left:0;opacity:0;position:absolute;transform:scale(.75);top:0;width:100%}@media print,screen and (min-width:768px){.element-box .icon{font-size:2.8em}}.element-box .icon:before{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;height:75px;width:75px}@media print,screen and (min-width:768px){.element-box .icon:before{height:56px;width:56px}}.element-clone{background-color:#2196f3;overflow:hidden;position:absolute;z-index:10}.element-clone a{border:3px solid #2196f3;margin:0;padding:0}.element-clone .text{display:none}.element-clone .icon{background-color:transparent;opacity:1;transform:scale(1)}.about .skills__bar{background-color:#2b2c33;height:30px;margin-bottom:15px;min-width:60px;opacity:0;padding:10px;position:relative;transform:translateY(50px);width:0}.about .skills__bar:before{background-color:#2b2c33;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}.about .skills__bar:after{background:-webkit-repeating-linear-gradient(135deg,#656878,#656878 2px,transparent 0,transparent 5px);background:repeating-linear-gradient(-45deg,#656878,#656878 2px,transparent 0,transparent 5px);content:"";height:100%;left:4px;top:4px;position:absolute;width:100%;z-index:1}.about .skills__label{color:#fff;font-size:1.5em;opacity:0;position:absolute;top:4px;z-index:10}@media print,screen and (min-width:768px){.about .skills__label{font-size:1.6em;top:3px}}.about .skills__percent{color:#fff;display:none;position:absolute;top:-2px;right:5px;z-index:10}@media print,screen and (min-width:1024px){.about .skills__percent{display:block}}.about .skills__percent-number{font-size:2em;font-weight:700}.about .skills__percent-unit{font-size:1.2em}.about .logos{margin-top:20px;text-align:center}.about .logos ul{list-style-type:none;margin:0;padding:0}.about .logos li{display:inline-block;margin:0 15px;opacity:0;transform:translateY(50px);position:relative;width:19.5vw}@media print,screen and (min-width:768px){.about .logos li{width:auto}}.about .logos p{text-align:center}.about .logos img{opacity:1;transform:none}.achievements .beta{display:block!important;font-size:.9em;margin:auto;max-width:290px;width:100%}.achievements .beta:before{left:44px!important}.achievements .beta:after{left:54px!important}.achievements .beta__img .glitch__cont{padding-bottom:50%}.achievements .col-l .link{display:block;text-align:center;opacity:0;transform:translateY(50px);transition:none!important;position:relative}.achievements .nominations h2{text-align:center}.achievements .nominations ul{zoom:1;list-style-type:none;margin:0;padding:0;font-size:2em;margin:0 -10px}.achievements .nominations ul:after,.achievements .nominations ul:before{content:"";display:table}.achievements .nominations ul:after{clear:both}.achievements .nominations li{float:left;font-size:.8em;height:150px;line-height:1.125;margin:0 10px 25px;position:relative;padding:0;vertical-align:top;width:44.8%;z-index:1}@media print,screen and (min-width:768px){.achievements .nominations li{font-size:.875em;width:22.325%}.achievements .nominations li:last-child,.achievements .nominations li:nth-child(9),.achievements .nominations li:nth-child(10),.achievements .nominations li:nth-child(11){display:none}}@media print,screen and (min-width:1024px){.achievements .nominations li{font-size:.8em;width:14.66667%}.achievements .nominations li:last-child,.achievements .nominations li:nth-child(9),.achievements .nominations li:nth-child(10),.achievements .nominations li:nth-child(11){display:inline-block}}.achievements .nominations li.init .ui-corner{opacity:1;transform:translate(0)}.achievements .nominations li.init .title{opacity:1;transform:translateY(-50%)}.achievements .nominations .title{transition-property:all;transition-duration:.75s;transition-timing-function:cubic-bezier(.19,1,.22,1);transform:translateY(-50%);position:absolute;top:50%;display:block;font-weight:700;opacity:0;padding:0 20px;transform:translate(0);transition-delay:.2s;text-align:center;width:100%}@media print,screen and (min-width:768px){.achievements .nominations .title{padding:0 15px}}.achievements .nominations .title .light{font-weight:300;margin-top:5px}.achievements .ui{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.achievements .ui-corner{transition-property:all;transition-duration:.75s;transition-timing-function:cubic-bezier(.19,1,.22,1);transition-delay:.1s;opacity:0;position:absolute;height:6px;width:6px}.achievements .ui-corner:after,.achievements .ui-corner:before{background-color:#2b2c33;content:"";position:absolute}.achievements .ui-corner:before{height:6px;left:0;top:0;width:2px}.achievements .ui-corner:after{height:2px;left:0;top:0;width:6px}.achievements .ui-corner__ul{left:0;top:0;transform:translate(25px,25px)}.achievements .ui-corner__ur{top:0;right:0;transform:translate(-25px,25px)}.achievements .ui-corner__ur:before{left:auto;right:0}.achievements .ui-corner__bl{bottom:0;left:0;transform:translate(25px,-25px)}.achievements .ui-corner__bl:after{bottom:0;top:auto}.achievements .ui-corner__br{bottom:0;right:0;transform:translate(-25px,-25px)}.achievements .ui-corner__br:before{left:auto;right:0}.achievements .ui-corner__br:after{bottom:0;top:auto}.achievements .ui-pattern{background:-webkit-repeating-linear-gradient(135deg,#ededf0,#ededf0 2px,transparent 0,transparent 4px);background:repeating-linear-gradient(-45deg,#ededf0,#ededf0 2px,transparent 0,transparent 4px);height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}.achievements .text{display:block;overflow:hidden;text-overflow:clip;white-space:nowrap}.achievements .ribbons{margin-top:20px;text-align:center}.achievements .ribbons ul{list-style-type:none;margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:auto;max-width:675px}.achievements .ribbons li{border:4px solid #2b2c33;height:100px;margin:0 15px 30px;opacity:0;position:relative;transform:translateY(50px);vertical-align:top;width:100px}.achievements .ribbons li:first-child img{left:-10px;right:auto}.achievements .ribbons li:nth-child(8) img{bottom:auto;left:auto;top:-50px}.achievements .ribbons li:nth-child(9) img{bottom:auto;right:auto;top:-26px}.achievements .ribbons li:nth-child(10) img{left:auto}.achievements .ribbons li img{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;max-height:82px;max-width:82px;opacity:1;top:-100px;width:auto}.achievements .ribbons p{text-align:center}.achievements .ribbons .glitch__cont{padding-bottom:20px}.case-studies .card{background-color:transparent;border:6px solid #2b2c33;height:220px;overflow:hidden;padding:0;position:relative}.case-studies .card:after,.case-studies .card:before{transition-property:width;transition-duration:.5s;transition-timing-function:cubic-bezier(1,0,0,1);content:"";cursor:pointer;display:block;height:100%;left:0;position:absolute;top:0;width:0;z-index:5}.case-studies .card:before{background-color:#2196f3}.case-studies .card:after{transition-delay:.1s;background-color:#2b2c33}.case-studies .card:hover:after,.case-studies .card:hover:before{width:100%}.case-studies .card:hover .card-desc,.case-studies .card:hover .card-title{color:#fff}.case-studies .card:hover .card-text .cta{background-color:#fff;color:#2b2c33;max-width:215px}.case-studies .card:hover .card-text .cta .icon{color:#2b2c33;opacity:1}.case-studies .card:hover .card-text .cta .icon:first-child{transform:translate(-10px)}.case-studies .card:hover .card-text .cta .icon:last-child{transform:translate(0)}.case-studies .card-wrap{height:100%;position:relative}.case-studies .card-text{bottom:20px;left:20px;max-width:300px;position:absolute;right:20px;text-decoration:none;z-index:10}.case-studies .card-text .cta{background-color:#2b2c33;color:#fff;margin-bottom:0;max-width:180px;overflow:hidden;position:relative;text-align:center}.case-studies .card-text .cta:hover{text-decoration:none}.case-studies .card-title{transition-property:color;transition-duration:.5s;transition-timing-function:cubic-bezier(1,0,0,1);display:block;font-size:1.325em;line-height:1;margin-bottom:10px}.case-studies .card-link{background-size:cover;background-repeat:no-repeat;display:block;margin-bottom:20px;width:100%}@media print,screen and (min-width:768px){.case-studies .card-link{margin-bottom:30px}.case-studies .card-link:only-child .card{height:470px}}@media print,screen and (min-width:768px){.case-studies .card-link:last-child,.case-studies .card-link:only-child{margin-bottom:0}}.case-studies .card-link img{height:100%;object-fit:cover;object-position:top center;width:100%}.case-studies .card .cta{transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(1,0,0,1);padding:10px 20px;position:relative;max-width:185px;text-align:left}.case-studies .card .cta-icon,.case-studies .card .cta-icon .icon{bottom:0;position:absolute;right:0;top:0}.case-studies .card .cta-icon .icon{transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(1,0,0,1);color:#fff;display:block;font-size:2em;height:40px;margin:auto;opacity:0;width:40px}.case-studies .card .cta-icon .icon:first-child{transform:translate(-40px);transition-delay:.3s}.case-studies .card .cta-icon .icon:last-child{transform:translate(-30px);transition-delay:.2s}.case-studies .col:last-child{margin-bottom:0}.case-studies .glitch__cont,.case-studies .glitch__img{background-size:cover}.case-studies .glitch__cont{height:100%;filter:grayscale(100%);left:0;opacity:.25}.case-study hr{position:relative}.case-study__section{margin-bottom:50px}.case-study__section:last-child{margin-bottom:0}.case-study__section .cta,.case-study__section h2,.case-study__section h3,.case-study__section li,.case-study__section p{opacity:0;transform:translateY(50px)}.case-study__section h2{margin:0;padding:10px 0}.case-study__section hr{height:0;margin:0;width:0}.case-study__section li{font-family:EBGaramond-Regular,serif;font-size:2em}.case-study__section .pattern{background:-webkit-repeating-linear-gradient(135deg,#c3c4cd,#c3c4cd 2px,transparent 0,transparent 5px);background:repeating-linear-gradient(-45deg,#c3c4cd,#c3c4cd 2px,transparent 0,transparent 5px);display:block;height:10px;margin-bottom:20px;width:0}.case-study .cta{transition-property:background-color,color;transition-duration:.5s;transition-timing-function:cubic-bezier(.19,1,.22,1);background-color:#2b2c33;border:4px solid #2b2c33;display:block;color:#fff;font-weight:700;margin:0 auto 30px;max-width:170px;padding:8px 20px;position:relative;text-align:center;z-index:1}.case-study .cta:hover{background-color:#fff;color:#2b2c33}.case-study .col{opacity:0;transform:translateY(50px)}.case-study .glitch__cont{margin-bottom:20px}.article{margin-top:50px}.article h1{padding:15px 55px 15px 15px}.article .twitter-tweet,.article img{margin:auto}.article .cta{transition-property:background-color,color;transition-duration:.5s;transition-timing-function:cubic-bezier(.19,1,.22,1);background-color:#2b2c33;border:4px solid #2b2c33;display:block;color:#fff;font-weight:700;margin:0 auto 30px;max-width:250px;padding:8px 20px;position:relative;text-align:center;z-index:1}.article .cta:hover{background-color:#fff;color:#2b2c33}.article .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.article .video-container embed,.article .video-container iframe,.article .video-container object{position:absolute;top:0;left:0;width:100%;height:100%}@media print,screen and (min-width:1024px){.contact h1{font-size:3.2em}}.contact p{margin-bottom:0;text-align:center}.contact-icons{margin-top:20px;text-align:center}.contact-icons ul{list-style-type:none;margin:0;padding:0}.contact-icons ul li{display:inline-block;margin:0 25px;opacity:0;position:relative;transform:translateY(50px)}.contact-icons ul a{display:block;font-size:2em;text-decoration:none}@media print,screen and (min-width:1024px){.contact-icons ul a{transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.19,1,.22,1);position:relative;transform:scale(1)}}@media print,screen and (min-width:1024px){.contact-icons ul a:hover{transform:scale(1.25)}}.error{display:none}@media print,screen and (min-width:768px){.error{transform:translateY(-50%);position:absolute;top:50%;width:100%}}@media print,screen and (min-width:1024px){.error h1{font-size:3.2em}}.error h1 .icon{color:#fff}.error p{font-size:2.4em;text-align:center;transform:translateY(50px)}.error .bar{background-color:#c00;height:100%;left:0;position:absolute;top:0;width:0;z-index:-1}.error .glitch:after,.error .glitch:before,.error p a:hover:after,.error p a:hover:before,p .error a:hover:after,p .error a:hover:before{background:#c00}.primary-nav{transition-property:opacity,visibility;transition-duration:.5s;transition-timing-function:cubic-bezier(.19,1,.22,1);height:100%;left:0;opacity:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:10}.primary-nav.active{opacity:1;visibility:visible}.primary-nav.active li{background-color:transparent;transform:none;opacity:1}.primary-nav.active .overlay{height:100%}.primary-nav .overlay{transition-property:height;transition-duration:.3s;transition-timing-function:cubic-bezier(.19,1,.22,1);background-color:rgba(22,21,20,.9);display:block;cursor:pointer;height:0;right:0;position:absolute;top:0;width:inherit}.primary-nav ul{list-style-type:none;margin:0;padding:0;zoom:1;margin-top:70px;overflow-y:scroll;padding:20px 5px;position:relative;text-align:center}.primary-nav ul:after,.primary-nav ul:before{content:"";display:table}.primary-nav ul:after{clear:both}@media print,screen and (min-width:768px){.primary-nav ul{transform:translate(-50%,-50%);left:50%;position:absolute;top:50%;width:50%;height:auto!important;margin:auto;margin-top:0;max-width:640px;overflow:hidden;width:100%;z-index:10}}.primary-nav ul:before{background:transparent;background-repeat:repeat-x;background:linear-gradient(180deg,rgba(22,21,20,.9) 0,transparent);height:20px;left:0;position:fixed;top:70px;width:100%;z-index:10}@media print,screen and (min-width:768px){.primary-nav ul:before{display:none}}.primary-nav li{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.19,1,.22,1);background-color:#fff;transform:translate(5px,20px) scale(.5);will-change:transform;float:left;height:40vw;opacity:0;margin-bottom:30px;padding:0 15px;position:relative;width:50%;z-index:1}@media (max-width:767px) and (orientation:landscape){.primary-nav li{height:27vw;width:33.333333%}}.primary-nav li:first-child{transition-delay:.1s}.primary-nav li:first-child,.primary-nav li:nth-child(4){transition-delay:.2s}.primary-nav li:nth-child(3),.primary-nav li:nth-child(6){transition-delay:.3s}.primary-nav li:nth-child(5){transition-delay:.4s}@media print,screen and (min-width:768px){.primary-nav li{height:170px;width:33.333333%}.primary-nav li:nth-child(3){transition-delay:.1s}.primary-nav li:nth-child(2),.primary-nav li:nth-child(6){transition-delay:.2s}.primary-nav li:first-child,.primary-nav li:nth-child(5){transition-delay:.3s}.primary-nav li:nth-child(4){transition-delay:.4s}}.primary-nav a{color:#fff;border:3px solid #fff}.primary-nav .element-box:before{display:none}.primary-nav .element-box .text{padding:0}@media print,screen and (min-width:768px){.primary-nav .element-box .abbr{font-size:2.6em}}@media (max-width:767px) and (orientation:landscape){.primary-nav .element-box .full{font-size:.6em}}@media print,screen and (min-width:768px){.primary-nav .element-box .full{font-size:1em}}@media (max-width:767px) and (orientation:landscape){.primary-nav .element-box .icon{font-size:3em}.primary-nav .element-box .icon:before{height:48px;width:48px}}@media print,screen and (min-width:1024px){.primary-nav .element-box .icon{font-size:2.8em}.primary-nav .element-box .icon:before{height:56px;width:56px}}.menu{background:none;border:0;cursor:pointer;height:50px;overflow:hidden;opacity:0;padding:0;position:absolute;right:10px;top:12px;transform:translateY(66px);width:50px;visibility:hidden;z-index:15}.menu.active{position:fixed}.menu .box{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;transition-property:top,right,bottom,left;transition-duration:.25s;transition-timing-function:cubic-bezier(.19,1,.22,1);background-color:#2b2c33;display:block;height:8px;width:8px}.menu .box.tl{top:-12px;left:-12px}.menu .box.tr{top:-12px;right:-12px}.menu .box.bl{bottom:-12px;left:-12px}.menu .box.br{bottom:-12px;right:-12px}@media print{.header{display:none}#main{margin-top:0}.hello nav{display:none}.hello hr{margin:0}.hello .col-10{margin:0;width:100%}.about{display:block}.about .col-r,.about .logos{display:none}.achievements{display:block}.achievements .col-l a,.achievements .ui-corner{position:static;transform:none;top:0;opacity:1}.achievements .ui{display:none}.achievements .nominations li{height:auto;padding:0}.achievements .nominations .title{position:static;transform:none;top:0;opacity:1}.contact{display:block}.contact p{text-align:left}.contact ul{text-align:center}.contact ul li{display:inline-block;transform:translate(0);opacity:1}.contact ul a{font-size:.8em}.contact-icons{text-align:left}section h1{border-left:0!important;font-size:3.2em!important;height:auto!important;margin:20px 0 10px!important;padding:0!important}section h1 .icon{display:none!important}section hr{display:none}section p{position:static;transform:none;top:0;opacity:1}section .col-l,section .col-r{float:none;width:100%}p{font-size:1.4em;line-height:1.25}p a{padding:0}}
/*# sourceMappingURL=main.css.map */