/*
Theme Name: Veintidós Grados
Theme URI: http://www.veintidosgrados.com
Author: Veintidós Grados
Author URI: http://www.veintidosgrados.com
Description: Veintidós Grados website.
Version: 1.0
*/

html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}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}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{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-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}a:active,a:hover{outline:0}@font-face{font-family:Madrid;src:url("fonts/Madrid.woff2") format("woff2"),url("fonts/Madrid.woff") format("woff");font-weight:400;font-style:normal;unicode-range:U+0020-02DC}@font-face{font-family:AvenirNextLTPro-Bold;src:url("fonts/subset-AvenirNextLTPro-Bold.woff2") format("woff2"),url("fonts/subset-AvenirNextLTPro-Bold.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:AvenirNextLTPro-Regular;src:url("fonts/subset-AvenirNextLTPro-Regular.woff2") format("woff2"),url("fonts/subset-AvenirNextLTPro-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:AvenirNextLTPro-Medium;src:url("fonts/subset-AvenirNextLTPro-Medium.woff2") format("woff2"),url("fonts/subset-AvenirNextLTPro-Medium.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:AvenirNextLTPro-Demi;src:url("fonts/subset-AvenirNextLTPro-Demi.woff2") format("woff2"),url("fonts/subset-AvenirNextLTPro-Demi.woff") format("woff");font-weight:400;font-style:normal}html.desktop,html.desktop body{background-color:#fff;color:#fff;width:100vw;height:100vh;overflow:hidden;text-rendering:optimizeLegibility;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}html.desktop #container,html.desktop #main{position:relative;width:100vw;height:100vh;overflow:hidden}html.desktop #container canvas#bg{display:block;position:absolute;top:0;left:0;opacity:0}html.desktop #container ul#menu{display:block;margin:0;padding:0;position:absolute;top:0;right:0;width:4vw}html.desktop #container ul#menu.disabled{pointer-events:none}html.desktop #container ul#menu li{display:block;position:relative;width:4vw;height:4vw;border:1px solid hsla(0,0%,100%,.06)}html.desktop #container ul#menu li a,html.desktop #container ul#menu li a:visited{display:block;position:relative;width:100%;height:100%;text-decoration:none}html.desktop #container ul#menu li a:visited figure,html.desktop #container ul#menu li a figure{display:block;margin:0;padding:0;position:absolute;top:calc(50% - .8vw);left:calc(25% - .8vw);width:1.6vw;height:1.6vw;pointer-events:none}html.desktop #container ul#menu li a:visited figure svg,html.desktop #container ul#menu li a figure svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}html.desktop #container ul#menu li a:visited figure svg path,html.desktop #container ul#menu li a:visited figure svg polygon,html.desktop #container ul#menu li a:visited figure svg rect,html.desktop #container ul#menu li a figure svg path,html.desktop #container ul#menu li a figure svg polygon,html.desktop #container ul#menu li a figure svg rect{fill:#fff;-webkit-transition:fill .6s ease-out 0s;transition:fill .6s ease-out 0s}html.desktop #container ul#menu li a:visited figure span,html.desktop #container ul#menu li a figure span{display:block;position:absolute;top:15%;left:125%;color:#fff;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:1vw;text-transform:lowercase;opacity:.0001}@media (min-width:1600px){html.desktop #container ul#menu li a:visited figure span,html.desktop #container ul#menu li a figure span{top:20%;font-size:.8vw}}html.desktop #container ul#menu li a .bg-effect,html.desktop #container ul#menu li a:visited .bg-effect{position:absolute;overflow:hidden;width:50%;height:100%;top:0;left:0;pointer-events:none}html.desktop #container ul#menu li a .bg-effect span,html.desktop #container ul#menu li a:visited .bg-effect span{display:block;position:absolute;top:0;height:100%;background-color:#fff;-webkit-transform:skewX(-45deg);transform:skewX(-45deg);background-color:hsla(0,0%,100%,.1)}html.desktop #container ul#menu li a .bg-effect span:nth-child(1),html.desktop #container ul#menu li a:visited .bg-effect span:nth-child(1){left:-80%;width:25%}html.desktop #container ul#menu li a .bg-effect span:nth-child(2),html.desktop #container ul#menu li a:visited .bg-effect span:nth-child(2){left:-65%;width:10%}html.desktop #container ul#menu li:nth-child(1){border:none;background-color:#ff3600;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html.desktop #container ul#menu li:nth-child(1) a{overflow:hidden}html.desktop #container ul#menu li:nth-child(1) a figure{top:19.5%;left:23.5%;width:65%;height:65%;background:url(img/logo-menu.svg) 50%/contain no-repeat;-webit-transform:rotate(22deg);transform:rotate(22deg)}html.desktop #container ul#menu li:nth-child(2){width:8vw;border-right:none;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}html.desktop #container ul#menu li:nth-child(3),html.desktop #container ul#menu li:nth-child(4){width:8vw;border-right:none;margin-top:-1px;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}html.desktop #container ul#menu li.active a figure svg path,html.desktop #container ul#menu li.active a figure svg polygon,html.desktop #container ul#menu li.active a figure svg rect{fill:#ff3600}html.desktop #container #main section#home{will-change:transform}html.desktop #container #main section#home .bottom,html.desktop #container #main section#home .top{position:relative;width:100vw;height:100vh}html.desktop #container #main section#home .top .logo{position:absolute;top:0;left:10vw;width:50vh;height:50vh;overflow:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html.desktop #container #main section#home .top .logo .inner{display:block;position:absolute;width:100%;height:100%;background-color:#ff3600;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html.desktop #container #main section#home .top .logo .inner .gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-radial-gradient(center,ellipse cover,#f13503 0,rgba(241,53,3,0) 85%);background:radial-gradient(ellipse at center,#f13503 0,rgba(241,53,3,0) 85%)}html.desktop #container #main section#home .top .logo .inner .logo-animated-left{position:absolute;top:calc(48% - 11.5vh);left:21%;width:26vh;height:23vh;background:url(img/logo-white.svg) 50%/contain no-repeat;-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}html.desktop #container #main section#home .top .logo .inner .logo-right{position:absolute;top:0;left:63%;width:58%;height:100%;background-color:#ff3600;-webkit-transform:skewX(-22deg);transform:skewX(-22deg);overflow:hidden}html.desktop #container #main section#home .top .intro-text{position:absolute;top:50vh;left:calc(10vw + 50vh);width:calc(80vw - 50vh);height:50vh;will-change:transform}html.desktop #container #main section#home .top .intro-text .cnt{position:absolute;top:50%;left:0;width:100%;height:auto;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}html.desktop #container #main section#home .top .intro-text .cnt .made-in{font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:.95vw;line-height:1vw;color:#5b5b5c;margin:0 0 2vh}@media (min-width:1600px){html.desktop #container #main section#home .top .intro-text .cnt .made-in{font-size:.75vw}}html.desktop #container #main section#home .top .intro-text .cnt .made-in .zigzag span{-webkit-transform:translate3d(-101%,0,0);transform:translate3d(-101%,0,0)}html.desktop #container #main section#home .top .intro-text .cnt .made-in .text{opacity:.0001}html.desktop #container #main section#home .top .intro-text .cnt .line-cnt-1{display:block;position:relative;width:100%;height:auto;overflow:hidden}html.desktop #container #main section#home .top .intro-text .cnt .line-cnt-1 .line-cnt-2{display:block;position:relative;width:100%;height:auto;overflow:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html.desktop #container #main section#home .top .intro-text .cnt .line-cnt-1 .line-cnt-2 p{display:block;position:relative;margin:-.4vw 0 0;padding:0;width:100%;font-family:Madrid;font-weight:400;font-size:2.8vw;line-height:3.4vw;color:#fff;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html.desktop #container #main section#home .top .intro-text .cnt .line-cnt-1 .line-cnt-2 p strong{font-weight:400;color:#ff3600}html.desktop #container #main section#home .top .scroll-down{display:block;position:absolute;left:13vw;bottom:3vh;width:auto;height:2.3vh;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);cursor:pointer}html.desktop #container #main section#home .top .scroll-down .text{font-family:AvenirNextLTPro-Demi;font-weight:400;font-size:1.2vh;line-height:1.35vh;letter-spacing:1px;text-transform:uppercase;color:#fff;opacity:.0001}@media (min-width:1600px){html.desktop #container #main section#home .top .scroll-down .text{font-size:1.1vh}}html.desktop #container #main section#home .top .scroll-down .line-down{display:block;position:absolute;bottom:0;left:-12%;width:76%;height:1px;background-color:#ff3600;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleX(0);transform:scaleX(0)}html.desktop #container #main section#home .top .scroll-down .line-down span{display:block;position:absolute;width:1px;height:1px;background-color:#ff3600;visibility:hidden}html.desktop #container #main section#home .top .scroll-down .line-down span:nth-child(1){left:1px;top:-1px}html.desktop #container #main section#home .top .scroll-down .line-down span:nth-child(2){left:2px;top:-2px}html.desktop #container #main section#home .top .scroll-down .line-down span:nth-child(3){left:3px;top:-3px}html.desktop #container #main section#home .top .scroll-down .line-down span:nth-child(4){left:1px;bottom:-1px}html.desktop #container #main section#home .top .scroll-down .line-down span:nth-child(5){left:2px;bottom:-2px}html.desktop #container #main section#home .top .scroll-down .line-down span:nth-child(6){left:3px;bottom:-3px}html.desktop #container #main section#home .bottom .featured-overlay{position:absolute;top:13vh;left:10vw;width:80vw;height:74vh}html.desktop #container #main section#home .bottom .featured-overlay .work{position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden}html.desktop #container #main section#home .bottom .featured-overlay .work .text{position:absolute;top:0;left:25%;width:25%;height:70%}html.desktop #container #main section#home .bottom .featured-overlay .work .text .color-back{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;-webkit-transform:scaleX(0);transform:scaleX(0)}html.desktop #container #main section#home .bottom .featured-overlay .work .text .cnt{position:absolute;top:9%;left:18%;width:70%;height:auto}html.desktop #container #main section#home .bottom .featured-overlay .work .text .cnt .separator{position:relative;width:100%}html.desktop #container #main section#home .bottom .featured-overlay .work .text .cnt .separator .zigzag span{-webkit-transform:translate3d(101%,0,0);transform:translate3d(101%,0,0)}html.desktop #container #main section#home .bottom .featured-overlay .work .text .cnt .featured_text{width:100%;font-family:Madrid;font-weight:400;font-size:2.7vh;line-height:2.8vh;color:#fff;margin:1vh 0;opacity:.0001}@media (min-width:1600px){html.desktop #container #main section#home .bottom .featured-overlay .work .text .cnt .featured_text{font-size:2.4vh;line-height:2.5vh;margin:.8vh 0}}html.desktop #container #main section#home .bottom .featured-overlay .work .text .cnt .hashtags{width:100%;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:1.6vh;line-height:1.6vh;color:#fff;margin:1vh 0 1.5vh}html.desktop #container #main section#home .bottom .featured-overlay .work .text .cnt .hashtags span{opacity:.0001}@media (min-width:1600px){html.desktop #container #main section#home .bottom .featured-overlay .work .text .cnt .hashtags{font-size:1.2vh;line-height:1.2vh;margin:.8vh 0 1.5vh}}html.desktop #container #main section#home .bottom .featured-overlay .work .text .cnt ul.colors{display:block;position:relative;margin:0;padding:0;width:100%}html.desktop #container #main section#home .bottom .featured-overlay .work .text .cnt ul.colors li{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:1.7vh;-webkit-transform:scale(0);transform:scale(0)}html.desktop #container #main section#home .bottom .featured-overlay .work .title{position:absolute;top:calc(70% - 15.1vh);left:10%;width:50%;color:#fff}html.desktop #container #main section#home .bottom .featured-overlay .work .title span{display:inline-block;position:relative;font-family:Madrid;font-weight:400;font-size:15vh;line-height:20vh;overflow:hidden}html.desktop #container #main section#home .bottom .featured-overlay .work .title span:nth-child(3){margin:-9.2vh 0 0 5.5vh}html.desktop #container #main section#home .bottom .featured-overlay .work .title span b{font-weight:400;display:block;position:relative;width:100%;height:100%;overflow:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html.desktop #container #main section#home .bottom .featured-overlay .work .title span b i{font-style:normal;display:block;position:relative;width:100%;height:100%;-webkit-transform:translate3d(125%,0,0);transform:translate3d(125%,0,0)}html.desktop #container #main section#home .bottom .featured-overlay .controls{position:absolute;width:25%;height:calc(30% + 8vh);left:50%;bottom:-8vh;background-color:#25232e}html.desktop #container #main section#home .bottom .featured-overlay .controls .progress-bar{position:absolute;left:calc(50% - 11vh);top:calc((100% - 8vh) / 2 - .5px);width:22vh;height:1px;background-color:#38363f}html.desktop #container #main section#home .bottom .featured-overlay .controls .progress-bar .bar{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff3600;-webkit-transform-origin:0 50%;transform-origin:0 50%}html.desktop #container #main section#home .bottom .featured-overlay .controls .numbers{position:absolute;width:1.8vh;height:3.3vh;left:calc(50% - 12vh);top:calc((100% - 8vh) / 2 - 1.6vh);color:#fff;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:1.2vh;line-height:1.2vh}html.desktop #container #main section#home .bottom .featured-overlay .controls .numbers .current{text-align:left;margin-bottom:.9vh}html.desktop #container #main section#home .bottom .featured-overlay .controls .numbers .total{text-align:right}html.desktop #container #main section#home .bottom .featured-overlay .controls .texts{position:absolute;bottom:3.75vh;right:0;width:100%;-webkit-transform:translate3d(0,53%,0);transform:translate3d(0,53%,0);text-align:center;font-family:Madrid;font-weight:400;font-size:2.2vh;line-height:3vh}@media (min-width:1600px){html.desktop #container #main section#home .bottom .featured-overlay .controls .texts{font-size:2vh}}html.desktop #container #main section#home .bottom .featured-overlay .controls .texts .next,html.desktop #container #main section#home .bottom .featured-overlay .controls .texts .prev,html.desktop #container #main section#home .bottom .featured-overlay .controls .texts .view{position:relative;display:inline-block;text-decoration:none;font-weight:400;overflow:hidden;margin:0;cursor:pointer}html.desktop #container #main section#home .bottom .featured-overlay .controls .texts .next,html.desktop #container #main section#home .bottom .featured-overlay .controls .texts .prev{-webkit-transition:color .45s cubic-bezier(.31,.99,.57,1) 0s;transition:color .45s cubic-bezier(.31,.99,.57,1) 0s;color:#ff3600}html.desktop #container #main section#home .bottom .featured-overlay .controls .texts .next:hover,html.desktop #container #main section#home .bottom .featured-overlay .controls .texts .prev:hover{color:#fff}html.desktop #container #main section#home .bottom .featured-overlay .controls .texts .view{color:#fff;margin:0 .8vh}@media (min-width:1600px){html.desktop #container #main section#home .bottom .featured-overlay .controls .texts .view{margin:0 1.1vh}}html.desktop #container #main section#home .bottom .featured-overlay .controls .texts .view:after{content:'';display:block;position:absolute;bottom:1px;left:0;width:100%;height:1px;background-color:#fff;-webkit-transition:-webkit-transform .3s cubic-bezier(.31,.99,.57,1) 0s;transition:transform .3s cubic-bezier(.31,.99,.57,1) 0s}@media (min-width:1600px){html.desktop #container #main section#home .bottom .featured-overlay .controls .texts .view:after{bottom:3px}}html.desktop #container #main section#home .bottom .featured-overlay .controls .texts .view:hover:after{-webkit-transform:scaleX(.8);transform:scaleX(.8)}html.desktop #container #main section#home .bottom .featured-overlay .controls:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:8vh;background-color:#24222d}html.desktop #container #main section#about .left{position:absolute;will-change:transform}html.desktop #container #main section#about .left .badge{position:absolute;top:0;left:10vw;width:50vh;height:50vh;overflow:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html.desktop #container #main section#about .left .badge .inner{display:block;position:absolute;width:100%;height:100%;background-color:#ff3600;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html.desktop #container #main section#about .left .badge .inner .gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-radial-gradient(center,ellipse cover,#f13503 0,rgba(241,53,3,0) 85%);background:radial-gradient(ellipse at center,#f13503 0,rgba(241,53,3,0) 85%)}html.desktop #container #main section#about .left .badge .inner .small-text-badge{position:absolute;left:15%;top:15%;font-family:Madrid;font-weight:400;font-size:2vh;color:#242328;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0);opacity:0}@media (min-width:1600px){html.desktop #container #main section#about .left .badge .inner .small-text-badge{font-size:1.8vh}}html.desktop #container #main section#about .left .badge .inner .big-text-left{position:absolute;top:50%;left:15%;width:70%;font-family:Madrid;font-weight:400;font-size:6.6vh;line-height:6.3vh;color:#fff;-webkit-transform:translate3d(75%,-50%,0);transform:translate3d(75%,-50%,0)}html.desktop #container #main section#about .left .badge .inner .badge-right{position:absolute;top:0;left:56%;width:66%;height:100%;background-color:#ff3600;-webkit-transform:skewX(-22deg);transform:skewX(-22deg);overflow:hidden}html.desktop #container #main section#about .left .badge .inner .badge-right .big-text-right{position:absolute;top:50%;left:-50.6%;width:106.0605%;font-family:Madrid;font-weight:400;font-size:6.6vh;line-height:6.3vh;color:#fff}html.desktop #container #main section#about .left .vision{position:absolute;width:33vw;height:33vw;top:calc(50vh + 16.5vw);left:15vw;pointer-events:none}html.desktop #container #main section#about .left .vision .inner-1{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);overflow:hidden}html.desktop #container #main section#about .left .vision .inner-1 .inner-2{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.desktop #container #main section#about .left .awards{position:absolute;width:33vw;height:33vw;top:calc(50vh + 16.5vw + (33vw + 4vw) * 1);left:15vw;pointer-events:none}html.desktop #container #main section#about .left .awards span.number{display:block;position:absolute;top:50%;left:25%;width:50%;height:auto;font-family:Madrid;font-weight:400;font-size:3.5vw;line-height:3.2vw;color:transparent;text-align:center;-webkit-transform:translate3d(0,-68%,0);transform:translate3d(0,-68%,0);overflow:hidden}@media (min-width:1600px){html.desktop #container #main section#about .left .awards span.number{font-size:3vw;line-height:2.7vw}}html.desktop #container #main section#about .left .awards span.number .inner{display:block;position:absolute;bottom:0;left:0;width:100%;height:auto}html.desktop #container #main section#about .left .awards span.number .inner b{display:inline-block;width:100%;height:auto;color:#ff3600;font-weight:400}html.desktop #container #main section#about .left .awards .inner-1{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);overflow:hidden}html.desktop #container #main section#about .left .awards .inner-1 .inner-2{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.desktop #container #main section#about .left .awards .awwwards{display:block;position:absolute;top:0;left:0;width:50%;height:50%;background-color:#24222c;background-image:url(img/laurel-awwwards.png);background-repeat:no-repeat;background-position:49% 50%;background-size:45%}@media (min-width:1600px){html.desktop #container #main section#about .left .awards .awwwards{background-size:35%}}html.desktop #container #main section#about .left .awards .fwa{display:block;position:absolute;top:0;right:0;width:50%;height:50%;background-color:#25232e;background-image:url(img/laurel-fwa.png);background-repeat:no-repeat;background-position:49% 50%;background-size:45%}@media (min-width:1600px){html.desktop #container #main section#about .left .awards .fwa{background-size:35%}}html.desktop #container #main section#about .left .awards .cssda{display:block;position:absolute;bottom:0;left:0;width:50%;height:50%;background-color:#25232e;background-image:url(img/laurel-cssda.png);background-repeat:no-repeat;background-position:49% 50%;background-size:45%}@media (min-width:1600px){html.desktop #container #main section#about .left .awards .cssda{background-size:35%}}html.desktop #container #main section#about .left .awards .other{display:block;position:absolute;bottom:0;right:0;width:50%;height:50%;background-color:#24222c;background-image:url(img/laurel-uefa.png);background-repeat:no-repeat;background-position:50% 50%;background-size:26%}@media (min-width:1600px){html.desktop #container #main section#about .left .awards .other{background-size:20%}}html.desktop #container #main section#about .left .ruben{position:absolute;width:33vw;height:33vw;top:calc(50vh + 16.5vw + (33vw + 4vw) * 2);left:15vw;pointer-events:none}html.desktop #container #main section#about .left .ruben .inner-1{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);overflow:hidden}html.desktop #container #main section#about .left .ruben .inner-1 .inner-2{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.desktop #container #main section#about .right{position:absolute;will-change:transform}html.desktop #container #main section#about .right .made-in{position:absolute;top:50vh;left:52vw;width:33vw;height:33vw;pointer-events:none}html.desktop #container #main section#about .right .made-in .inner-1{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);overflow:hidden}html.desktop #container #main section#about .right .made-in .inner-1 .inner-2{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.desktop #container #main section#about .right .mission{position:absolute;width:33vw;height:33vw;top:calc(50vh + (33vw + 4vw) * 1);left:52vw;pointer-events:none}html.desktop #container #main section#about .right .mission .inner-1{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);overflow:hidden}html.desktop #container #main section#about .right .mission .inner-1 .inner-2{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.desktop #container #main section#about .right .studio{position:absolute;width:33vw;height:33vw;top:calc(50vh + (33vw + 4vw) * 2);left:52vw;pointer-events:none}html.desktop #container #main section#about .right .studio .inner-1{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);overflow:hidden}html.desktop #container #main section#about .right .studio .inner-1 .inner-2{display:block;position:absolute;width:100%;height:100%;background-color:#ff3600;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.desktop #container #main section#about .right .studio .quote{position:absolute;top:0;right:0;font-family:Madrid;color:#f13503;font-size:52vw;line-height:48vw}html.desktop #container #main section#about .right .vicen{position:absolute;width:33vw;height:33vw;top:calc(50vh + (33vw + 4vw) * 3);left:52vw;pointer-events:none}html.desktop #container #main section#about .right .vicen .inner-1{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);overflow:hidden}html.desktop #container #main section#about .right .vicen .inner-1 .inner-2{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.desktop #container #main section#about .small-title{display:block;position:absolute;left:0;bottom:calc(100% + .5vw);width:100%;height:auto;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:.95vw;line-height:1vw;color:#5b5b5c}@media (min-width:1600px){html.desktop #container #main section#about .small-title{font-size:.75vw}}html.desktop #container #main section#about .small-text,html.desktop #container #main section#about .small-text-orange{position:absolute;left:13%;bottom:3vw;width:74%;height:12vw;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:.9vw;line-height:1.1vw;color:#fff;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}@media (min-width:1600px){html.desktop #container #main section#about .small-text,html.desktop #container #main section#about .small-text-orange{font-size:.75vw;line-height:.9vw;height:10vw}}html.desktop #container #main section#about .small-text-orange .inner,html.desktop #container #main section#about .small-text .inner{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translate3d(0,71%,0);transform:translate3d(0,71%,0)}html.desktop #container #main section#about .small-text-orange{-webkit-mask-image:none;mask-image:none}html.desktop #container #main section#about .big-title{position:absolute;top:7.5%;left:13.2%;width:73.6%;height:auto;font-family:Madrid;font-weight:400;font-size:3.4vw;line-height:3.5vw}html.desktop #container #main section#about .points{position:absolute;bottom:1%;left:calc(50% - 27px);width:54px;height:40px;cursor:pointer;pointer-events:initial}@media (min-width:1600px){html.desktop #container #main section#about .points{bottom:2.3%;left:calc(50% - 30px);width:60px;height:50px}}html.desktop #container #main section#about .points span{position:absolute;width:5px;height:5px;bottom:17px;border-radius:50%;background-color:#ff3600;pointer-events:none}@media (min-width:1600px){html.desktop #container #main section#about .points span{bottom:22.5px}}html.desktop #container #main section#about .points span:nth-child(1){left:7px}html.desktop #container #main section#about .points span:nth-child(2){left:calc(50% - 2.5px)}html.desktop #container #main section#about .points span:nth-child(3){right:7px}html.desktop #container #main section#about .points:hover span:nth-child(1){-webkit-animation:jump .3s ease-out 0s;animation:jump .3s ease-out 0s}html.desktop #container #main section#about .points:hover span:nth-child(2){-webkit-animation:jump .3s ease-out .1s;animation:jump .3s ease-out .1s}html.desktop #container #main section#about .points:hover span:nth-child(3){-webkit-animation:jump .3s ease-out .2s;animation:jump .3s ease-out .2s}@keyframes jump{50%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}html.desktop #container #main section#about .job-title{position:absolute;top:13%;left:13%;font-family:AvenirNextLTPro-Demi;font-weight:400;font-size:.75vw;line-height:.9vw;color:#fff;opacity:.0001}@media (min-width:1600px){html.desktop #container #main section#about .job-title{font-size:.55vw;line-height:.7vw}}html.desktop #container #main section#about .team-name{position:absolute;top:74%;left:13%;font-family:Madrid;font-weight:400;font-size:2.6vw;line-height:2.6vw;color:#fff;overflow:hidden}@media (min-width:1600px){html.desktop #container #main section#about .team-name{top:75%;font-size:2.4vw;line-height:2.4vw}}html.desktop #container #main section#about .team-name span{display:block;overflow:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html.desktop #container #main section#about .team-name span:nth-child(2){padding-left:1.3vw;margin-top:-.4vw}html.desktop #container #main section#about .team-name span b{display:block;font-weight:400;-webkit-transform:translate3d(101%,0,0);transform:translate3d(101%,0,0)}html.desktop #container #main section#about .email,html.desktop #container #main section#about .twitter{display:block;position:absolute;width:4.1vw;height:4.1vw;margin:0;padding:0;text-decoration:none;font-weight:400;pointer-events:initial!important}html.desktop #container #main section#about .email .hover-effect,html.desktop #container #main section#about .twitter .hover-effect{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}html.desktop #container #main section#about .email .hover-effect:before,html.desktop #container #main section#about .twitter .hover-effect:before{content:'';display:block;position:absolute;left:-75%;top:0;width:25%;height:100%;background-color:#fff;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}html.desktop #container #main section#about .email .hover-effect:after,html.desktop #container #main section#about .twitter .hover-effect:after{content:'';display:block;position:absolute;left:-60%;top:0;width:10%;height:100%;background-color:#fff;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}html.desktop #container #main section#about .email figure,html.desktop #container #main section#about .twitter figure{display:block;position:absolute;margin:0;padding:0;-webkit-transform:scale(0);transform:scale(0)}html.desktop #container #main section#about .email span,html.desktop #container #main section#about .twitter span{display:block;position:absolute;pointer-events:none;background-color:#fff}html.desktop #container #main section#about .email span:nth-child(2),html.desktop #container #main section#about .twitter span:nth-child(2){top:0;left:0;width:100%;height:1px}html.desktop #container #main section#about .email span:nth-child(3),html.desktop #container #main section#about .twitter span:nth-child(3){top:0;right:0;height:100%;width:1px}html.desktop #container #main section#about .email span:nth-child(4),html.desktop #container #main section#about .twitter span:nth-child(4){bottom:0;right:0;width:100%;height:1px}html.desktop #container #main section#about .email span:nth-child(5),html.desktop #container #main section#about .twitter span:nth-child(5){bottom:0;left:0;height:100%;width:1px}html.desktop #container #main section#about .email.animated:hover figure,html.desktop #container #main section#about .twitter.animated:hover figure{-webkit-animation:bump .4s cubic-bezier(.2,0,.1,1) 0s;animation:bump .4s cubic-bezier(.2,0,.1,1) 0s}@keyframes bump{50%{-webkit-transform:scale(1.13);transform:scale(1.13)}to{-webkit-transform:scale(1);transform:scale(1)}}html.desktop #container #main section#about .email.animated:hover .hover-effect:before,html.desktop #container #main section#about .twitter.animated:hover .hover-effect:before{-webkit-transition:-webkit-transform .75s cubic-bezier(.2,0,.1,1) 0s;transition:transform .75s cubic-bezier(.2,0,.1,1) 0s;-webkit-transform:translate3d(9.25vw,0,0) skewX(-45deg);transform:translate3d(9.25vw,0,0) skewX(-45deg)}html.desktop #container #main section#about .email.animated:hover .hover-effect:after,html.desktop #container #main section#about .twitter.animated:hover .hover-effect:after{-webkit-transition:-webkit-transform .6s cubic-bezier(.2,0,.1,1) .1s;transition:transform .6s cubic-bezier(.2,0,.1,1) .1s;-webkit-transform:translate3d(8.75vw,0,0) skewX(-45deg);transform:translate3d(8.75vw,0,0) skewX(-45deg)}html.desktop #container #main section#about .email{right:13%;bottom:13%}html.desktop #container #main section#about .email span:nth-child(2){-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(0);transform:scaleX(0)}html.desktop #container #main section#about .email span:nth-child(3){-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(0);transform:scaleY(0)}html.desktop #container #main section#about .email span:nth-child(4){-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(0);transform:scaleX(0)}html.desktop #container #main section#about .email span:nth-child(5){-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(0);transform:scaleY(0)}html.desktop #container #main section#about .email figure{left:36%;top:36%;width:28%;height:28%;background:url(img/email-icon.png) 50%/contain no-repeat}@media (min-width:1600px){html.desktop #container #main section#about .email figure{left:37.5%;top:37.5%;width:25%;height:25%}}html.desktop #container #main section#about .twitter{right:calc(13% + 4.1vw - 1px);bottom:calc(13% + 4.1vw - 1px)}html.desktop #container #main section#about .twitter span:nth-child(2){-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleX(0);transform:scaleX(0)}html.desktop #container #main section#about .twitter span:nth-child(3){-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}html.desktop #container #main section#about .twitter span:nth-child(4){-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleX(0);transform:scaleX(0)}html.desktop #container #main section#about .twitter span:nth-child(5){-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}html.desktop #container #main section#about .twitter figure{left:35%;top:35%;width:30%;height:30%;background:url(img/twitter-icon.png) 50%/contain no-repeat}@media (min-width:1600px){html.desktop #container #main section#about .twitter figure{left:37%;top:37%;width:26%;height:26%}}html.desktop #container #main section#contact .big-text{position:absolute;top:15vh;left:calc(50vw - 45vh + 61px);height:70vh;width:calc(100vw - (50vw - 45vh + 61px) - (50vw - 65vh));overflow:hidden}html.desktop #container #main section#contact .big-text .inner-1{position:relative;width:100%;height:100%;overflow:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.desktop #container #main section#contact .big-text .inner-1 .inner-2{position:relative;width:100%;height:100%;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html.desktop #container #main section#contact .big-text .inner-1 .inner-2 p{position:absolute;left:5%;width:95%;height:auto;font-family:Madrid;font-weight:400;font-size:5vh;line-height:5.3vh;text-align:left;color:#fff;margin:0;padding:0;will-change:transform}html.desktop #container #main section#contact .horizontal{position:absolute;left:0;bottom:15vh;width:100%;will-change:transform}html.desktop #container #main section#contact .horizontal .line-bottom{position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#424242;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(0);transform:scaleX(0)}html.desktop #container #main section#contact .horizontal .info{position:absolute;bottom:7px;left:10vw;width:11vh;padding-right:1vh;overflow:hidden}html.desktop #container #main section#contact .horizontal .info .inner{-webkit-transform:translate3d(0,101%,0);transform:translate3d(0,101%,0)}html.desktop #container #main section#contact .horizontal .info .inner .temperature{font-family:Madrid;font-weight:400;text-align:right;color:#ff3600;font-size:6.2vh;line-height:6.2vh}html.desktop #container #main section#contact .horizontal .info .inner .date{font-family:AvenirNextLTPro-Medium;font-weight:400;font-size:1.85vh;line-height:1.9vh;color:#fff;text-transform:uppercase;text-align:left}html.desktop #container #main section#contact .horizontal .info .inner .date b{font-weight:400;color:#ff3600}html.desktop #container #main section#contact .horizontal .time{position:absolute;left:10vw;top:7px;font-family:AvenirNextLTPro-Medium;font-weight:400;font-size:1.5vh;color:#fff;text-transform:uppercase;text-align:left;overflow:hidden}@media (min-width:1600px){html.desktop #container #main section#contact .horizontal .time{font-size:1.2vh}}html.desktop #container #main section#contact .horizontal .time .inner{-webkit-transform:translate3d(0,-101%,0);transform:translate3d(0,-101%,0)}html.desktop #container #main section#contact .horizontal .email{position:absolute;bottom:5px;right:calc(50vw - 65vh);text-align:right;overflow:hidden}html.desktop #container #main section#contact .horizontal .email .inner{-webkit-transform:translate3d(0,101%,0);transform:translate3d(0,101%,0)}html.desktop #container #main section#contact .horizontal .email .inner .link-address{display:inline-block;text-decoration:none;color:#fff;font-family:Madrid;font-size:3.5vh;line-height:4vh;-webkit-transition:opacity .45s cubic-bezier(.31,.99,.57,1) 0s;transition:opacity .45s cubic-bezier(.31,.99,.57,1) 0s}@media (min-width:1600px){html.desktop #container #main section#contact .horizontal .email .inner .link-address{font-size:3vh;line-height:3.2vh}}html.desktop #container #main section#contact .horizontal .email .inner .link-address:hover{opacity:.6}html.desktop #container #main section#contact .horizontal .email .inner .link-text{display:inline-block;text-decoration:none;color:#ff3600;font-family:Madrid;font-size:2.6vh;line-height:3.2vh;-webkit-transition:color .45s cubic-bezier(.31,.99,.57,1) 0s;transition:color .45s cubic-bezier(.31,.99,.57,1) 0s}@media (min-width:1600px){html.desktop #container #main section#contact .horizontal .email .inner .link-text{font-size:2.2vh;line-height:2.8vh}}html.desktop #container #main section#contact .horizontal .email .inner .link-text:hover{color:#fff}html.desktop #container #main section#contact .social{position:absolute;top:calc(85vh + 10px);right:calc(50vw - 65vh);overflow:hidden}html.desktop #container #main section#contact .social .behance-figure,html.desktop #container #main section#contact .social .facebook-figure,html.desktop #container #main section#contact .social .twitter-figure{display:inline-block;margin:0 0 0 2vh;text-decoration:none;width:2.2vh;height:2.2vh;-webkit-transform:translate3d(0,-101%,0);transform:translate3d(0,-101%,0);-webkit-transition:opacity .45s cubic-bezier(.31,.99,.57,1) 0s;transition:opacity .45s cubic-bezier(.31,.99,.57,1) 0s}html.desktop #container #main section#contact .social .behance-figure:hover,html.desktop #container #main section#contact .social .facebook-figure:hover,html.desktop #container #main section#contact .social .twitter-figure:hover{opacity:.6}html.desktop #container #main section#contact .social .twitter-figure{background:url(img/twitter-icon.png) 50% 65%/90% no-repeat}html.desktop #container #main section#contact .social .facebook-figure{background:url(img/facebook-icon.png) 50%/contain no-repeat}html.desktop #container #main section#contact .social .behance-figure{background:url(img/behance-icon.png) 50%/contain no-repeat}html.desktop #container #main section#contact .vertical{position:absolute;bottom:15vh;left:calc(50vw - 45vh);height:70vh;width:60px}html.desktop #container #main section#contact .vertical .line-left{right:0;background-color:#424242}html.desktop #container #main section#contact .vertical .line-left,html.desktop #container #main section#contact .vertical .line-left .red{position:absolute;bottom:0;height:100%;width:1px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}html.desktop #container #main section#contact .vertical .line-left .red{left:0;background-color:#ff3600}html.desktop #container #main section#contact .vertical .temps{position:absolute;top:7px;right:15px;height:100%}html.desktop #container #main section#contact .vertical .temps .temp{position:absolute;right:0;text-align:right;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:14px;color:#fff;opacity:.0001;will-change:opacity}html.desktop #container #main section#contact .vertical .temps .temp:nth-child(1){bottom:0}html.desktop #container #main section#contact .vertical .temps .temp:nth-child(2){bottom:calc(100% / 12 * 1)}html.desktop #container #main section#contact .vertical .temps .temp:nth-child(3){bottom:calc(100% / 12 * 2)}html.desktop #container #main section#contact .vertical .temps .temp:nth-child(4){bottom:calc(100% / 12 * 3)}html.desktop #container #main section#contact .vertical .temps .temp:nth-child(5){bottom:calc(100% / 12 * 4)}html.desktop #container #main section#contact .vertical .temps .temp:nth-child(6){bottom:calc(100% / 12 * 5)}html.desktop #container #main section#contact .vertical .temps .temp:nth-child(7){bottom:calc(100% / 12 * 6)}html.desktop #container #main section#contact .vertical .temps .temp:nth-child(8){bottom:calc(100% / 12 * 7)}html.desktop #container #main section#contact .vertical .temps .temp:nth-child(9){bottom:calc(100% / 12 * 8)}html.desktop #container #main section#contact .vertical .temps .temp:nth-child(10){bottom:calc(100% / 12 * 9)}html.desktop #container #main section#contact .vertical .temps .temp:nth-child(11){bottom:calc(100% / 12 * 10)}html.desktop #container #main section#contact .vertical .temps .temp:nth-child(12){bottom:calc(100% / 12 * 11)}html.desktop #container #main section#contact .vertical .temps .temp:nth-child(13){bottom:calc(100% / 12 * 12)}html.desktop #container #main section#contact .vertical .perfect{position:absolute;right:1px;top:45.9%;border:7px solid transparent;border-right:7px solid #424242;opacity:.0001;will-change:opacity}html.desktop #container #main section#work ul.work-list{display:block;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;list-style-type:none}html.desktop #container #main section#work ul.work-list li.work-element{display:block;position:absolute;bottom:100%;left:0;-webkit-perspective:1000px;perspective:1000px;pointer-events:none}html.desktop #container #main section#work ul.work-list li.work-element .texts{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}html.desktop #container #main section#work ul.work-list li.work-element .texts .title{display:block;position:absolute;top:39.5vh;left:5vh;-webkit-transform:skew(22deg);transform:skew(22deg);font-family:Madrid;font-weight:400;font-size:3vh;line-height:3.5vh;color:#fff;overflow:hidden}@media (min-width:1600px){html.desktop #container #main section#work ul.work-list li.work-element .texts .title{top:40vh;font-size:2.8vh;line-height:3.2vh}}html.desktop #container #main section#work ul.work-list li.work-element .texts .title span{display:block;overflow:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html.desktop #container #main section#work ul.work-list li.work-element .texts .title span:nth-child(2){padding-left:1.3vw;margin-top:-.3vw}html.desktop #container #main section#work ul.work-list li.work-element .texts .title span b{display:block;font-weight:400;-webkit-transform:translate3d(101%,0,0);transform:translate3d(101%,0,0)}html.desktop #container #main section#work ul.work-list li.work-element .hitbox{display:block;text-decoration:none;font-weight:400;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}html.desktop #container #main section#work ul.work-list li.work-element .hitbox ul.colors{display:block;position:absolute;top:7%;left:10%;width:80%;margin:0;padding:0;text-align:center;-webkit-transform:skew(22deg);transform:skew(22deg);pointer-events:none}html.desktop #container #main section#work ul.work-list li.work-element .hitbox ul.colors li{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:1.7vh;-webkit-transform:scale(0);transform:scale(0)}html.desktop #container #main section#work ul.work-list li.work-element .hitbox ul.colors li:nth-last-child(1){margin-right:0}html.desktop #container #main section#work ul.work-list li.work-element .hitbox .hashtags{display:block;position:absolute;top:85%;left:45%;width:43vh;-webkit-transform-origin:0 0;transform-origin:0 0;color:#fff;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:1.5vh;text-align:center;pointer-events:none;opacity:.0001}@media (min-width:1600px){html.desktop #container #main section#work ul.work-list li.work-element .hitbox .hashtags{font-size:1.3vh}}html.desktop #container #main section#work ul.work-list.interactive .hitbox{pointer-events:initial;cursor:pointer}html.desktop #container #main section#work .more{display:none;position:absolute;right:10vw;bottom:7vh}html.desktop #container #main section#work .more span{position:absolute;width:70%;left:-20%;bottom:-80%;height:1px;background-color:#ff3600;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(0);transform:scaleX(0)}html.desktop #container #main section#work .more b{font-family:AvenirNextLTPro-Demi;font-weight:400;font-size:1.2vh;line-height:1.35vh;letter-spacing:1px;text-transform:uppercase;color:#fff;opacity:.0001}@media (min-width:1600px){html.desktop #container #main section#work .more b{font-size:1.1vh}}html.desktop #container #main section#work_detail .layer1,html.desktop #container #main section#work_detail .layer2,html.desktop #container #main section#work_detail .layer3,html.desktop #container #main section#work_detail .layer-sidebar{display:block;position:absolute;will-change:transform}html.desktop #container #main section#work_detail .zigzag{position:absolute}html.desktop #container #main section#work_detail .zigzag span figure{background-image:url(img/zigzag-white.png)}html.desktop #container #main section#work_detail .header-image-video{position:absolute;top:15vh;left:15vh;height:60vh;width:59vw;overflow:hidden}html.desktop #container #main section#work_detail .header-image-video .inner-1{width:100%;height:100%;overflow:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html.desktop #container #main section#work_detail .header-image-video .inner-1 .inner-2{width:100%;height:100%;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-perspective:1000px;perspective:1000px}html.desktop #container #main section#work_detail .header-image-video .inner-1 .inner-2 .inner-3{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}html.desktop #container #main section#work_detail .header-image-video .video-holder{position:absolute;top:0;left:0;width:100%;height:100%}html.desktop #container #main section#work_detail .header-image-video .video-holder .cnt{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;opacity:.0001;visibility:hidden}html.desktop #container #main section#work_detail .header-image-video .video-holder .cnt video{display:block;position:absolute}html.desktop #container #main section#work_detail .header-image-video .video-holder .play{position:absolute;top:34vh;left:calc(15vw - 15vh);width:8.5vh;height:8.5vh;cursor:pointer}html.desktop #container #main section#work_detail .header-image-video .video-holder .play.animated:hover svg{-webkit-transform:scale(.95);transform:scale(.95)}html.desktop #container #main section#work_detail .header-image-video .video-holder .play svg{width:100%;height:100%;-webkit-transition:-webkit-transform .4s cubic-bezier(.14,.7,.3,1) 0s;transition:transform .4s cubic-bezier(.14,.7,.3,1) 0s}html.desktop #container #main section#work_detail .header-image-video .video-holder .play svg circle{fill:none;stroke-width:6;stroke:#ff3600;stroke-dasharray:1226px;stroke-dashoffset:1226px}html.desktop #container #main section#work_detail .header-image-video .video-holder .play figure{position:absolute;display:block;margin:0;padding:0}html.desktop #container #main section#work_detail .header-image-video .video-holder .play figure:nth-child(2){top:2.6vh;left:3.4vh;border:1.8vh solid transparent;border-left:2.7vh solid #ff3600;-webkit-transform-origin:25% 50%;transform-origin:25% 50%}html.desktop #container #main section#work_detail .header-image-video .video-holder .play figure:nth-child(3){width:.8vh;height:3vh;top:2.85vh;left:3.12vh;border-left:.8vh solid #ff3600;border-right:.8vh solid #ff3600;opacity:.0001}html.desktop #container #main section#work_detail .header-title{position:absolute;top:45vh;left:65vw;color:#fff;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}html.desktop #container #main section#work_detail .header-title span{display:inline-block;position:relative;font-family:Madrid;font-weight:400;font-size:21vh;line-height:26vh;overflow:hidden}html.desktop #container #main section#work_detail .header-title span:nth-child(3){margin:-10vh 0 0 11vh}html.desktop #container #main section#work_detail .header-title span b{font-weight:400;display:block;position:relative;width:100%;height:100%;overflow:hidden;will-change:transform}html.desktop #container #main section#work_detail .header-title span b i{font-style:normal;display:block;position:relative;width:100%;height:100%;will-change:transform}html.desktop #container #main section#work_detail .header-text{position:absolute;left:15vw;top:74vh;width:40vw;height:auto;font-family:Madrid;font-weight:400;color:#fff;font-size:6vh;line-height:6.7vh;pointer-events:none;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}html.desktop #container #main section#work_detail .scroll-down{display:block;position:absolute;left:73vw;top:95vh;width:auto;height:2.3vh;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:rotate(90deg);transform:rotate(90deg);pointer-events:none}html.desktop #container #main section#work_detail .scroll-down .text{display:block;width:13.5vh;text-align:right;font-family:AvenirNextLTPro-Demi;font-weight:400;font-size:1.3vh;line-height:1.35vh;letter-spacing:1px;text-transform:uppercase;color:#fff;opacity:.0001}@media (min-width:1600px){html.desktop #container #main section#work_detail .scroll-down .text{width:12vh;font-size:1.1vh}}html.desktop #container #main section#work_detail .scroll-down .line-down{display:block;position:absolute;bottom:0;right:-12%;width:76%;height:1px;background-color:#fff;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(0);transform:scaleX(0)}html.desktop #container #main section#work_detail .scroll-down .line-down span{display:block;position:absolute;width:1px;height:1px;background-color:#fff;visibility:hidden}html.desktop #container #main section#work_detail .scroll-down .line-down span:nth-child(1){right:1px;top:-1px}html.desktop #container #main section#work_detail .scroll-down .line-down span:nth-child(2){right:2px;top:-2px}html.desktop #container #main section#work_detail .scroll-down .line-down span:nth-child(3){right:3px;top:-3px}html.desktop #container #main section#work_detail .scroll-down .line-down span:nth-child(4){right:1px;bottom:-1px}html.desktop #container #main section#work_detail .scroll-down .line-down span:nth-child(5){right:2px;bottom:-2px}html.desktop #container #main section#work_detail .scroll-down .line-down span:nth-child(6){right:3px;bottom:-3px}html.desktop #container #main section#work_detail .description{position:absolute;width:35vw;height:40vh}html.desktop #container #main section#work_detail .description .zigzag{margin:0;top:15%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}html.desktop #container #main section#work_detail .description .text{position:absolute;bottom:15%;left:10%;width:80%;height:auto;font-family:AvenirNextLTPro-Regular;font-weight:400;color:#fff;font-size:1.9vh;line-height:2.3vh}@media (min-width:1600px){html.desktop #container #main section#work_detail .description .text{font-size:1.5vh;line-height:1.9vh}}html.desktop #container #main section#work_detail .description .text p{margin:0}html.desktop #container #main section#work_detail .info{position:absolute;top:100vh;left:50vw;width:35vw;height:40vh}html.desktop #container #main section#work_detail .info .inner{position:absolute;top:50%;left:0;width:100%;height:auto;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}html.desktop #container #main section#work_detail .info .inner .platforms,html.desktop #container #main section#work_detail .info .inner .recognition,html.desktop #container #main section#work_detail .info .inner .roles{position:relative;height:8vh;width:34vh}@media (min-width:1600px){html.desktop #container #main section#work_detail .info .inner .platforms,html.desktop #container #main section#work_detail .info .inner .recognition,html.desktop #container #main section#work_detail .info .inner .roles{width:28vh}}html.desktop #container #main section#work_detail .info .inner .platforms figure,html.desktop #container #main section#work_detail .info .inner .recognition figure,html.desktop #container #main section#work_detail .info .inner .roles figure{margin:0;display:block;position:absolute;top:0;left:0;width:8vh;height:8vh}html.desktop #container #main section#work_detail .info .inner .platforms figure span,html.desktop #container #main section#work_detail .info .inner .recognition figure span,html.desktop #container #main section#work_detail .info .inner .roles figure span{display:block;position:absolute;background-color:#fff;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}html.desktop #container #main section#work_detail .info .inner .platforms figure span:nth-child(1),html.desktop #container #main section#work_detail .info .inner .recognition figure span:nth-child(1),html.desktop #container #main section#work_detail .info .inner .roles figure span:nth-child(1){width:100%;height:1px;top:0;left:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}html.desktop #container #main section#work_detail .info .inner .platforms figure span:nth-child(2),html.desktop #container #main section#work_detail .info .inner .recognition figure span:nth-child(2),html.desktop #container #main section#work_detail .info .inner .roles figure span:nth-child(2){height:100%;width:1px;top:0;right:0;-webkit-transform-origin:50% 0;transform-origin:50% 0}html.desktop #container #main section#work_detail .info .inner .platforms figure span:nth-child(3),html.desktop #container #main section#work_detail .info .inner .recognition figure span:nth-child(3),html.desktop #container #main section#work_detail .info .inner .roles figure span:nth-child(3){width:100%;height:1px;bottom:0;right:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}html.desktop #container #main section#work_detail .info .inner .platforms figure span:nth-child(4),html.desktop #container #main section#work_detail .info .inner .recognition figure span:nth-child(4),html.desktop #container #main section#work_detail .info .inner .roles figure span:nth-child(4){height:100%;width:1px;bottom:0;left:0;-webkit-transform-origin:50% 0;transform-origin:50% 0}html.desktop #container #main section#work_detail .info .inner .platforms figure .icon,html.desktop #container #main section#work_detail .info .inner .recognition figure .icon,html.desktop #container #main section#work_detail .info .inner .roles figure .icon{display:block;position:absolute;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}html.desktop #container #main section#work_detail .info .inner .platforms .text,html.desktop #container #main section#work_detail .info .inner .recognition .text,html.desktop #container #main section#work_detail .info .inner .roles .text{position:absolute;left:10vh;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}html.desktop #container #main section#work_detail .info .inner .platforms .text h4,html.desktop #container #main section#work_detail .info .inner .recognition .text h4,html.desktop #container #main section#work_detail .info .inner .roles .text h4{display:block;font-family:AvenirNextLTPro-Demi;font-weight:400;font-size:1.6vh;color:#fff;margin:0}@media (min-width:1600px){html.desktop #container #main section#work_detail .info .inner .platforms .text h4,html.desktop #container #main section#work_detail .info .inner .recognition .text h4,html.desktop #container #main section#work_detail .info .inner .roles .text h4{font-size:1.25vh}}html.desktop #container #main section#work_detail .info .inner .platforms .text p,html.desktop #container #main section#work_detail .info .inner .recognition .text p,html.desktop #container #main section#work_detail .info .inner .roles .text p{display:block;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:1.6vh;color:#fff;margin:0}@media (min-width:1600px){html.desktop #container #main section#work_detail .info .inner .platforms .text p,html.desktop #container #main section#work_detail .info .inner .recognition .text p,html.desktop #container #main section#work_detail .info .inner .roles .text p{font-size:1.25vh}}html.desktop #container #main section#work_detail .info .inner .roles{margin-left:10%}html.desktop #container #main section#work_detail .info .inner .roles figure .icon{left:24%;top:24%;width:52%;height:52%;background:url(img/roles-icon.png) 50%/contain no-repeat}html.desktop #container #main section#work_detail .info .inner .platforms{margin-left:calc(10% + 8vh - 1px)}html.desktop #container #main section#work_detail .info .inner .platforms figure .icon{left:21%;top:21%;width:58%;height:58%;background:url(img/platforms-icon.png) 50%/contain no-repeat}html.desktop #container #main section#work_detail .info .inner .recognition{margin-left:calc(10% + 16vh - 2px)}html.desktop #container #main section#work_detail .info .inner .recognition figure .icon{left:28%;top:28%;width:44%;height:44%;background:url(img/recognition-icon.png) 50%/contain no-repeat}html.desktop #container #main section#work_detail a.top-link{display:block;position:absolute;top:160vh;left:15vw;width:70vw;height:7vh;font-weight:400;color:#fff;text-decoration:none;text-align:center}html.desktop #container #main section#work_detail a.top-link span{display:block;position:absolute;left:0;width:100%;height:1px;background-color:#424242}html.desktop #container #main section#work_detail a.top-link span:nth-child(1){top:0;left:0}html.desktop #container #main section#work_detail a.top-link span:nth-child(2){bottom:0;right:0}html.desktop #container #main section#work_detail a.top-link b{display:block;position:absolute;left:0;width:100%;top:2.8vh;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:1.3vh;letter-spacing:.4vh}html.desktop #container #main section#work_detail .concept-title{display:block;position:absolute;top:170vh;left:calc(50vw - 30vh);width:30vh;height:30vh}html.desktop #container #main section#work_detail .concept-title span.text{display:block;position:absolute;top:35%;left:25%;width:50%;height:auto;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:4vh;line-height:3vh;color:#fff;text-align:left}html.desktop #container #main section#work_detail .concept-title .zigzag{top:70%;left:calc(50% - 19.25px);margin:0}html.desktop #container #main section#work_detail .concept-image-1,html.desktop #container #main section#work_detail .concept-image-2{display:block;position:absolute;top:200vh;left:calc(50vw - 60vh);width:60vh;height:80vh;overflow:hidden}html.desktop #container #main section#work_detail .concept-image-1 .inner,html.desktop #container #main section#work_detail .concept-image-2 .inner{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}html.desktop #container #main section#work_detail .concept-image-1 p,html.desktop #container #main section#work_detail .concept-image-2 p{margin:0;display:block;position:absolute;left:7vh;bottom:7vh;width:calc(100% - 14vh);height:auto;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:1.7vh;line-height:2vh;color:#fff}@media (min-width:1600px){html.desktop #container #main section#work_detail .concept-image-1 p,html.desktop #container #main section#work_detail .concept-image-2 p{font-size:1.3vh;line-height:1.9vh}}html.desktop #container #main section#work_detail .concept-image-2 p{color:#000}html.desktop #container #main section#work_detail .design-text{position:absolute;top:320vh;left:25vw;width:40vw;height:40vh}html.desktop #container #main section#work_detail .design-text .inner{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}html.desktop #container #main section#work_detail .design-text .inner h2{display:block;position:relative;width:100%;height:auto;font-family:Madrid;font-weight:400;margin:0 0 4vh;font-size:6vh}html.desktop #container #main section#work_detail .design-text .inner p{display:block;margin:0 20%;width:60%;height:auto;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:1.7vh;line-height:2vh;text-align:left}@media (min-width:1600px){html.desktop #container #main section#work_detail .design-text .inner p{font-size:1.3vh;line-height:1.6vh}}html.desktop #container #main section#work_detail .big-image-block{width:.05px;height:.05px;position:absolute;background-size:contain;background-position:50%;background-repeat:no-repeat}html.desktop #container #main section#work_detail .big-image-name{position:absolute;font-family:Madrid;font-weight:400;font-size:10vh;line-height:12vh;text-align:center;-webkit-transform:rotate(-90deg) translate3d(0,-32.5vh,0);transform:rotate(-90deg) translate3d(0,-32.5vh,0)}html.desktop #container #main section#work_detail .big-image-name span.text{position:relative}html.desktop #container #main section#work_detail .big-image-name span.text .zigzag{top:35%;left:-5%}html.desktop #container #main section#work_detail .slider-block{width:.05px;height:.05px;position:absolute}html.desktop #container #main section#work_detail .slider-block .images{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}html.desktop #container #main section#work_detail .slider-block .images div{position:absolute;top:0;left:100%;visibility:hidden;width:100%;height:100%;background-size:contain;background-position:50%;background-repeat:no-repeat}html.desktop #container #main section#work_detail .slider-block .controls{display:block;position:absolute;right:6%;bottom:-12.5%;width:25%;height:25%}html.desktop #container #main section#work_detail .slider-block .controls figure{margin:0;padding:0;display:block;position:absolute;width:5vh;height:5vh;border:1px solid #fff;border-radius:50%;bottom:15%;cursor:pointer;opacity:.2;-webkit-transition:opacity .3s ease-out 0s;transition:opacity .3s ease-out 0s}html.desktop #container #main section#work_detail .slider-block .controls figure:hover{opacity:1}html.desktop #container #main section#work_detail .slider-block .controls figure:after,html.desktop #container #main section#work_detail .slider-block .controls figure:before{content:'';display:block;position:absolute;top:calc(50% - .5px);background-color:#fff;width:30%;height:1px}html.desktop #container #main section#work_detail .slider-block .controls figure.next{right:10%}html.desktop #container #main section#work_detail .slider-block .controls figure.next:after,html.desktop #container #main section#work_detail .slider-block .controls figure.next:before{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;left:35%}html.desktop #container #main section#work_detail .slider-block .controls figure.next:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}html.desktop #container #main section#work_detail .slider-block .controls figure.next:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}html.desktop #container #main section#work_detail .slider-block .controls figure.prev{right:calc(15% + 5vh)}html.desktop #container #main section#work_detail .slider-block .controls figure.prev:after,html.desktop #container #main section#work_detail .slider-block .controls figure.prev:before{-webkit-transform-origin:0 50%;transform-origin:0 50%;right:35%}html.desktop #container #main section#work_detail .slider-block .controls figure.prev:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}html.desktop #container #main section#work_detail .slider-block .controls figure.prev:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}html.desktop #container #main section#work_detail .slider-block .controls .points{position:absolute;bottom:40%;left:10%;width:0;height:0}html.desktop #container #main section#work_detail .slider-block .controls .points .point{display:block;position:absolute;left:0;width:3px;height:3px;background-color:#fff;border-radius:50%;opacity:.2;-webkit-transition:opacity .6s ease-out 0s;transition:opacity .6s ease-out 0s}html.desktop #container #main section#work_detail .slider-block .controls .points .point.active{opacity:1}html.desktop #container #main section#work_detail .slider-block .controls .points .point:nth-child(1){bottom:0}html.desktop #container #main section#work_detail .slider-block .controls .points .point:nth-child(2){bottom:2vh}html.desktop #container #main section#work_detail .slider-block .controls .points .point:nth-child(3){bottom:4vh}html.desktop #container #main section#work_detail .slider-block .controls .points .point:nth-child(4){bottom:6vh}html.desktop #container #main section#work_detail .slider-block .controls .points.to-bottom{bottom:30%}html.desktop #container #main section#work_detail .slider-block .controls.color-strong figure{opacity:.4}html.desktop #container #main section#work_detail .slider-block .controls.color-strong figure:hover{opacity:1}html.desktop #container #main section#work_detail .slider-block .controls.color-strong .points .point{opacity:.4}html.desktop #container #main section#work_detail .slider-block .controls.color-strong .points .point.active{opacity:1}html.desktop #container #main section#work_detail .slider-name{position:absolute;font-family:Madrid;font-weight:400;font-size:10vh;line-height:12vh;text-align:center;-webkit-transform:rotate(-90deg) translate3d(0,-32.5vh,0);transform:rotate(-90deg) translate3d(0,-32.5vh,0)}html.desktop #container #main section#work_detail .slider-name span.text{position:relative}html.desktop #container #main section#work_detail .slider-name span.text .zigzag{top:45%;right:-6%}html.desktop #container #main section#work_detail .composition-block{width:.05px;height:.05px;position:absolute;background-size:contain;background-position:50%;background-repeat:no-repeat}html.desktop #container #main section#work_detail .composition-name{position:absolute;font-family:Madrid;font-weight:400;font-size:10vh;line-height:12vh;text-align:center;-webkit-transform:rotate(-90deg) translate3d(0,-32.5vh,0);transform:rotate(-90deg) translate3d(0,-32.5vh,0)}html.desktop #container #main section#work_detail .composition-name span.text{position:relative}html.desktop #container #main section#work_detail .composition-name span.text .zigzag{top:50%;left:60%}html.desktop #container #main section#work_detail .platforms-title{display:block;position:absolute;top:100vh;left:0;width:30vh;height:30vh}html.desktop #container #main section#work_detail .platforms-title span.text{display:block;position:absolute;top:35%;left:20%;width:60%;height:auto;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:4vh;line-height:3vh;color:#fff;text-align:left}html.desktop #container #main section#work_detail .platforms-title .zigzag{top:70%;left:calc(50% - 19.25px);margin:0}html.desktop #container #main section#work_detail .platforms-text{position:absolute;top:100vh;left:0;width:40vw;height:40vh}html.desktop #container #main section#work_detail .platforms-text .inner{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}html.desktop #container #main section#work_detail .platforms-text .inner h2{display:block;position:relative;width:100%;height:auto;font-family:Madrid;font-weight:400;margin:0 0 4vh;font-size:6vh}html.desktop #container #main section#work_detail .platforms-text .inner p{display:block;margin:0 20%;width:60%;height:auto;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:1.7vh;line-height:2vh;text-align:left}@media (min-width:1600px){html.desktop #container #main section#work_detail .platforms-text .inner p{font-size:1.3vh;line-height:1.6vh}}html.desktop #container #main section#work_detail .mobile-block{width:.05px;height:.05px;position:absolute}html.desktop #container #main section#work_detail .mobile-block .bg-images{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}html.desktop #container #main section#work_detail .mobile-block .bg-images div{position:absolute;top:0;left:100%;visibility:hidden;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}html.desktop #container #main section#work_detail .mobile-block .mobile-frame{display:block;position:absolute;top:-10vh;left:14vh;width:33vh;height:70vh;background:url(img/iphone-frame.png) 50%/contain no-repeat}html.desktop #container #main section#work_detail .mobile-block .mobile-frame .mobile-images{position:absolute;top:10vh;left:2.75vh;width:28vh;height:50vh;overflow:hidden}html.desktop #container #main section#work_detail .mobile-block .mobile-frame .mobile-images div{position:absolute;top:0;left:100%;visibility:hidden;width:100%;height:100%;background-size:cover;background-position:top;background-repeat:no-repeat}html.desktop #container #main section#work_detail .mobile-block .controls{display:block;position:absolute;right:0;bottom:-15%;width:30%;height:30%}html.desktop #container #main section#work_detail .mobile-block .controls figure{margin:0;padding:0;display:block;position:absolute;width:5vh;height:5vh;border:1px solid #fff;border-radius:50%;bottom:15%;cursor:pointer;opacity:.2;-webkit-transition:opacity .3s ease-out 0s;transition:opacity .3s ease-out 0s}html.desktop #container #main section#work_detail .mobile-block .controls figure:hover{opacity:1}html.desktop #container #main section#work_detail .mobile-block .controls figure:after,html.desktop #container #main section#work_detail .mobile-block .controls figure:before{content:'';display:block;position:absolute;top:calc(50% - .5px);background-color:#fff;width:30%;height:1px}html.desktop #container #main section#work_detail .mobile-block .controls figure.next{right:10%}html.desktop #container #main section#work_detail .mobile-block .controls figure.next:after,html.desktop #container #main section#work_detail .mobile-block .controls figure.next:before{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;left:35%}html.desktop #container #main section#work_detail .mobile-block .controls figure.next:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}html.desktop #container #main section#work_detail .mobile-block .controls figure.next:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}html.desktop #container #main section#work_detail .mobile-block .controls figure.prev{right:calc(15% + 5vh)}html.desktop #container #main section#work_detail .mobile-block .controls figure.prev:after,html.desktop #container #main section#work_detail .mobile-block .controls figure.prev:before{-webkit-transform-origin:0 50%;transform-origin:0 50%;right:35%}html.desktop #container #main section#work_detail .mobile-block .controls figure.prev:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}html.desktop #container #main section#work_detail .mobile-block .controls figure.prev:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}html.desktop #container #main section#work_detail .mobile-block .controls .points{position:absolute;bottom:40%;left:10%;width:0;height:0}html.desktop #container #main section#work_detail .mobile-block .controls .points .point{display:block;position:absolute;left:0;width:3px;height:3px;background-color:#fff;border-radius:50%;opacity:.2;-webkit-transition:opacity .6s ease-out 0s;transition:opacity .6s ease-out 0s}html.desktop #container #main section#work_detail .mobile-block .controls .points .point.active{opacity:1}html.desktop #container #main section#work_detail .mobile-block .controls .points .point:nth-child(1){bottom:0}html.desktop #container #main section#work_detail .mobile-block .controls .points .point:nth-child(2){bottom:2vh}html.desktop #container #main section#work_detail .mobile-block .controls .points .point:nth-child(3){bottom:4vh}html.desktop #container #main section#work_detail .mobile-block .controls .points .point:nth-child(4){bottom:6vh}html.desktop #container #main section#work_detail .mobile-block .controls .points.to-bottom{bottom:30%}html.desktop #container #main section#work_detail .mobile-block .controls.color-strong figure{opacity:.4}html.desktop #container #main section#work_detail .mobile-block .controls.color-strong figure:hover{opacity:1}html.desktop #container #main section#work_detail .mobile-block .controls.color-strong .points .point{opacity:.4}html.desktop #container #main section#work_detail .mobile-block .controls.color-strong .points .point.active{opacity:1}html.desktop #container #main section#work_detail .mobile-name{position:absolute;font-family:Madrid;font-weight:400;font-size:10vh;line-height:12vh;text-align:center;-webkit-transform:rotate(-90deg) translate3d(0,-32.5vh,0);transform:rotate(-90deg) translate3d(0,-32.5vh,0)}html.desktop #container #main section#work_detail .mobile-name span.text{position:relative}html.desktop #container #main section#work_detail .mobile-name span.text .zigzag{top:40%;left:5%}html.desktop #container #main section#work_detail .tablet-block{width:.05px;height:.05px;position:absolute}html.desktop #container #main section#work_detail .tablet-block .bg-images{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}html.desktop #container #main section#work_detail .tablet-block .bg-images div{position:absolute;top:0;left:100%;visibility:hidden;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}html.desktop #container #main section#work_detail .tablet-block .tablet-frame{display:block;position:absolute;top:-4vh;left:12vh;width:42vh;height:59vh;background:url(img/ipad-frame.png) top/contain no-repeat}html.desktop #container #main section#work_detail .tablet-block .tablet-images{position:absolute;top:4vh;left:2.5vh;width:37vh;height:50vh;overflow:hidden}html.desktop #container #main section#work_detail .tablet-block .tablet-images div{position:absolute;top:0;left:100%;visibility:hidden;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}html.desktop #container #main section#work_detail .tablet-block .controls{display:block;position:absolute;right:0;bottom:-15%;width:30%;height:30%}html.desktop #container #main section#work_detail .tablet-block .controls figure{margin:0;padding:0;display:block;position:absolute;width:5vh;height:5vh;border:1px solid #fff;border-radius:50%;bottom:15%;cursor:pointer;opacity:.2;-webkit-transition:opacity .3s ease-out 0s;transition:opacity .3s ease-out 0s}html.desktop #container #main section#work_detail .tablet-block .controls figure:hover{opacity:1}html.desktop #container #main section#work_detail .tablet-block .controls figure:after,html.desktop #container #main section#work_detail .tablet-block .controls figure:before{content:'';display:block;position:absolute;top:calc(50% - .5px);background-color:#fff;width:30%;height:1px}html.desktop #container #main section#work_detail .tablet-block .controls figure.next{right:10%}html.desktop #container #main section#work_detail .tablet-block .controls figure.next:after,html.desktop #container #main section#work_detail .tablet-block .controls figure.next:before{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;left:35%}html.desktop #container #main section#work_detail .tablet-block .controls figure.next:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}html.desktop #container #main section#work_detail .tablet-block .controls figure.next:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}html.desktop #container #main section#work_detail .tablet-block .controls figure.prev{right:calc(15% + 5vh)}html.desktop #container #main section#work_detail .tablet-block .controls figure.prev:after,html.desktop #container #main section#work_detail .tablet-block .controls figure.prev:before{-webkit-transform-origin:0 50%;transform-origin:0 50%;right:35%}html.desktop #container #main section#work_detail .tablet-block .controls figure.prev:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}html.desktop #container #main section#work_detail .tablet-block .controls figure.prev:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}html.desktop #container #main section#work_detail .tablet-block .controls .points{position:absolute;bottom:40%;left:10%;width:0;height:0}html.desktop #container #main section#work_detail .tablet-block .controls .points .point{display:block;position:absolute;left:0;width:3px;height:3px;background-color:#fff;border-radius:50%;opacity:.2;-webkit-transition:opacity .6s ease-out 0s;transition:opacity .6s ease-out 0s}html.desktop #container #main section#work_detail .tablet-block .controls .points .point.active{opacity:1}html.desktop #container #main section#work_detail .tablet-block .controls .points .point:nth-child(1){bottom:0}html.desktop #container #main section#work_detail .tablet-block .controls .points .point:nth-child(2){bottom:2vh}html.desktop #container #main section#work_detail .tablet-block .controls .points .point:nth-child(3){bottom:4vh}html.desktop #container #main section#work_detail .tablet-block .controls .points .point:nth-child(4){bottom:6vh}html.desktop #container #main section#work_detail .tablet-block .controls .points.to-bottom{bottom:30%}html.desktop #container #main section#work_detail .tablet-block .controls.color-strong figure{opacity:.4}html.desktop #container #main section#work_detail .tablet-block .controls.color-strong figure:hover{opacity:1}html.desktop #container #main section#work_detail .tablet-block .controls.color-strong .points .point{opacity:.4}html.desktop #container #main section#work_detail .tablet-block .controls.color-strong .points .point.active{opacity:1}html.desktop #container #main section#work_detail .tablet-name{position:absolute;font-family:Madrid;font-weight:400;font-size:10vh;line-height:12vh;text-align:center;-webkit-transform:rotate(-90deg) translate3d(0,-32.5vh,0);transform:rotate(-90deg) translate3d(0,-32.5vh,0)}html.desktop #container #main section#work_detail .tablet-name span.text{position:relative}html.desktop #container #main section#work_detail .tablet-name span.text .zigzag{top:50%;left:25%}html.desktop #container #main section#work_detail a.bottom-link{display:block;position:absolute;top:200vh;left:0;width:70vw;height:7vh;font-weight:400;color:#fff;text-decoration:none;text-align:center}html.desktop #container #main section#work_detail a.bottom-link span{display:block;position:absolute;top:calc(7vh - .5px);left:0;width:100%;height:1px;background-color:hsla(0,0%,100%,.17)}html.desktop #container #main section#work_detail a.bottom-link span:nth-child(1){top:0}html.desktop #container #main section#work_detail a.bottom-link span:nth-child(2){top:7vh}html.desktop #container #main section#work_detail a.bottom-link.animated span{-webkit-transition:-webkit-transform .4s cubic-bezier(.14,.7,.3,1) 0s;transition:transform .4s cubic-bezier(.14,.7,.3,1) 0s}html.desktop #container #main section#work_detail a.bottom-link.animated:hover span:nth-child(1){-webkit-transform:translate3d(0,.4vh,0);transform:translate3d(0,.4vh,0)}html.desktop #container #main section#work_detail a.bottom-link.animated:hover span:nth-child(2){-webkit-transform:translate3d(0,-.4vh,0);transform:translate3d(0,-.4vh,0)}html.desktop #container #main section#work_detail a.bottom-link .cnt{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}html.desktop #container #main section#work_detail a.bottom-link .cnt .inner-1{position:relative;width:100%;height:100%;overflow:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.desktop #container #main section#work_detail a.bottom-link .cnt .inner-1 .inner-2{position:relative;width:100%;height:100%;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html.desktop #container #main section#work_detail a.bottom-link .cnt .inner-1 .inner-2 b{display:block;position:absolute;left:0;width:100%;top:2.775vh;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:1.6vh;line-height:1.6vh;letter-spacing:.4vh}@media (min-width:1600px){html.desktop #container #main section#work_detail a.bottom-link .cnt .inner-1 .inner-2 b{font-size:1.3vh;line-height:1.5vh}}html.desktop #container #main section#work_detail .next-project{display:block;position:absolute;width:100%;height:60vh;text-align:center;overflow:hidden;-webkit-perspective:1000px;perspective:1000px}html.desktop #container #main section#work_detail .next-project .background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;-webkit-transform:translate3d(0,0,200px);transform:translate3d(0,0,200px)}html.desktop #container #main section#work_detail .next-project span{position:absolute;top:18vh;left:0;width:100%;height:auto;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:2.3vh;pointer-events:none}@media (min-width:1600px){html.desktop #container #main section#work_detail .next-project span{font-size:1.8vh}}html.desktop #container #main section#work_detail .next-project b{position:absolute;top:29vh;left:0;width:100%;font-family:Madrid;font-weight:400;font-size:10vh;will-change:opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}html.desktop #container #main section#work_detail .next-project b a{text-decoration:none;color:#fff;position:relative;font-style:normal;font-weight:400}html.desktop #container #main section#work_detail .next-project b a:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:.5vh;background-color:#fff;-webkit-transition:-webkit-transform .4s cubic-bezier(.5,0,.1,1) 0s;transition:transform .4s cubic-bezier(.5,0,.1,1) 0s;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleX(0);transform:scaleX(0)}html.desktop #container #main section#work_detail .next-project b a:hover:after{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(1);transform:scaleX(1)}html.desktop #container #main section#work_detail .layer-sidebar{top:100vh;pointer-events:none}html.desktop #container #main section#work_detail .layer-sidebar .design-sidebar{position:absolute;top:0;left:0;width:7vw;height:100vh}html.desktop #container #main section#work_detail .layer-sidebar .design-sidebar .title{display:block;position:absolute;top:13vh;left:2.5vw}html.desktop #container #main section#work_detail .layer-sidebar .design-sidebar .title span.text{display:block;width:100%;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:2.07vw;line-height:1.98vw;color:#fff;text-align:left}html.desktop #container #main section#work_detail .layer-sidebar .design-sidebar .title .zigzag{position:relative;margin:1.2vh 0 0}html.desktop #container #main section#work_detail .layer-sidebar .progress{position:absolute;top:31vh;right:calc(3.5vw - .5px);width:1.5vw;height:60vh}html.desktop #container #main section#work_detail .layer-sidebar .progress .line{display:block;position:absolute;top:0;right:0;width:1px;height:100%;background-color:hsla(0,0%,100%,.25)}html.desktop #container #main section#work_detail .layer-sidebar .progress .line span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(0);transform:scaleY(0)}html.desktop #container #main section#work_detail .layer-sidebar .progress ul.sections{display:block;position:absolute;bottom:0;left:100%;width:60vh;height:1.4vw;list-style-type:none;margin:0;padding:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}html.desktop #container #main section#work_detail .layer-sidebar .progress ul.sections li{position:absolute;top:0;right:0;height:100%;text-align:center;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:1.5vh}@media (min-width:1600px){html.desktop #container #main section#work_detail .layer-sidebar .progress ul.sections li{font-size:1.25vh}}html.desktop #container #main .zigzag{display:inline-block;position:relative;height:6px;width:38.5px;margin:0 .75vh .25vh 0;overflow:hidden}@media (min-width:1600px){html.desktop #container #main .zigzag{margin:0 .75vh .2vh 0}}html.desktop #container #main .zigzag span{display:block;position:absolute;top:0;left:0;width:38.5px;height:6px;overflow:hidden}html.desktop #container #main .zigzag span figure{display:block;position:absolute;top:0;right:0;padding:0;margin:0;width:77px;height:6px;background-image:url(img/zigzag-orange.png);background-position:0 0;background-repeat:repeat-x;background-size:12.85px 6px}html.desktop.edge #container #main section,html.desktop.explorer #container #main section{display:block;position:absolute;top:0;left:0;width:100%;height:100%}html.desktop.es #container #main section#about .left .badge .inner .badge-right .big-text-right,html.desktop.es #container #main section#about .left .badge .inner .big-text-left{font-size:5.8vh;line-height:5.8vh}html.mobile,html.mobile body,html.tablet,html.tablet body{background-color:#fff;color:#fff;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;text-rendering:optimizeLegibility;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}html.mobile #container,html.mobile #main,html.tablet #container,html.tablet #main{position:relative;width:100%;height:100%;overflow:hidden}html.mobile #container #menu,html.tablet #container #menu{display:block;position:fixed;bottom:0;left:0;width:100%;height:60px;text-align:center;background-color:#24222c;overflow:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}@media (min-width:600px){html.mobile #container #menu,html.tablet #container #menu{height:100px}}html.mobile #container #menu:before,html.tablet #container #menu:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:1px;background-color:hsla(0,0%,100%,.1)}html.mobile #container #menu a,html.mobile #container #menu a:visited,html.tablet #container #menu a,html.tablet #container #menu a:visited{display:inline-block;margin:0;padding:0;height:100%;width:20%;margin:0 3%;text-decoration:none;font-weight:400}html.mobile #container #menu a:visited svg,html.mobile #container #menu a svg,html.tablet #container #menu a:visited svg,html.tablet #container #menu a svg{display:block;position:relative;width:40%;height:42%;margin:10% 30% 0}html.mobile #container #menu a:visited svg path,html.mobile #container #menu a:visited svg polygon,html.mobile #container #menu a:visited svg rect,html.mobile #container #menu a svg path,html.mobile #container #menu a svg polygon,html.mobile #container #menu a svg rect,html.tablet #container #menu a:visited svg path,html.tablet #container #menu a:visited svg polygon,html.tablet #container #menu a:visited svg rect,html.tablet #container #menu a svg path,html.tablet #container #menu a svg polygon,html.tablet #container #menu a svg rect{fill:hsla(0,0%,100%,.2);-webkit-transition:fill .3s ease-in-out 0s;transition:fill .3s ease-in-out 0s}html.mobile #container #menu a:visited span,html.mobile #container #menu a span,html.tablet #container #menu a:visited span,html.tablet #container #menu a span{color:#fff;font-family:Madrid;font-weight:400;position:relative;width:100%;text-align:center}html.mobile #container #menu a:nth-child(3) svg,html.mobile #container #menu a:visited:nth-child(3) svg,html.tablet #container #menu a:nth-child(3) svg,html.tablet #container #menu a:visited:nth-child(3) svg{margin:10% 30% 0 28%}html.mobile #container #menu a:after,html.mobile #container #menu a:visited:after,html.tablet #container #menu a:after,html.tablet #container #menu a:visited:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#ff3600;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s ease-in-out 0s;transition:transform .3s ease-in-out 0s}html.mobile #container #menu a.active svg path,html.mobile #container #menu a.active svg polygon,html.mobile #container #menu a.active svg rect,html.mobile #container #menu a:visited.active svg path,html.mobile #container #menu a:visited.active svg polygon,html.mobile #container #menu a:visited.active svg rect,html.tablet #container #menu a.active svg path,html.tablet #container #menu a.active svg polygon,html.tablet #container #menu a.active svg rect,html.tablet #container #menu a:visited.active svg path,html.tablet #container #menu a:visited.active svg polygon,html.tablet #container #menu a:visited.active svg rect{fill:#ff3600}html.mobile #container #menu a.active:after,html.mobile #container #menu a:visited.active:after,html.tablet #container #menu a.active:after,html.tablet #container #menu a:visited.active:after{-webkit-transform:scaleY(1);transform:scaleY(1)}html.mobile #container #main section#home,html.tablet #container #main section#home{position:relative;width:100%;height:100%;overflow:hidden;opacity:.0001}html.mobile #container #main section#home .bg-layer,html.tablet #container #main section#home .bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:url(img/mobile/bg-home.jpg) 50%/cover no-repeat;will-change:opacity}html.mobile #container #main section#home .content-layer,html.tablet #container #main section#home .content-layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}html.mobile #container #main section#home .content-layer .logo,html.tablet #container #main section#home .content-layer .logo{position:absolute;top:3vh;left:5%;width:14vh;height:12vh;-webkit-transform:skewX(-22deg);transform:skewX(-22deg);overflow:hidden}@media (min-width:600px){html.mobile #container #main section#home .content-layer .logo,html.tablet #container #main section#home .content-layer .logo{top:7vh;left:8%}}html.mobile #container #main section#home .content-layer .logo .inner,html.tablet #container #main section#home .content-layer .logo .inner{width:100%;height:100%;background:url(img/mobile/logo-orange.svg) 50%/contain no-repeat;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html.mobile #container #main section#home .content-layer .intro-text,html.tablet #container #main section#home .content-layer .intro-text{position:absolute;bottom:calc(60px + 5vh);left:10%;width:80%;height:auto}@media (min-width:600px){html.mobile #container #main section#home .content-layer .intro-text,html.tablet #container #main section#home .content-layer .intro-text{bottom:calc(100px + 6vh);left:12%;width:76%}}html.mobile #container #main section#home .content-layer .intro-text .made-in,html.tablet #container #main section#home .content-layer .intro-text .made-in{font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:2.5vh;line-height:2.5vh;color:#5b5b5c;margin:0 0 3vh}@media (min-width:600px){html.mobile #container #main section#home .content-layer .intro-text .made-in,html.tablet #container #main section#home .content-layer .intro-text .made-in{font-size:1.75vh;line-height:1.75vh}}html.mobile #container #main section#home .content-layer .intro-text .big-phrase,html.tablet #container #main section#home .content-layer .intro-text .big-phrase{font-family:Madrid;font-weight:400;font-size:4.5vh;line-height:5vh;color:#fff;will-change:opacity}html.mobile #container #main section#home .content-layer .intro-text .big-phrase strong,html.tablet #container #main section#home .content-layer .intro-text .big-phrase strong{font-weight:400;color:#ff3600}@media (min-width:600px){html.mobile #container #main section#home .content-layer .intro-text .big-phrase,html.tablet #container #main section#home .content-layer .intro-text .big-phrase{font-size:5vh;line-height:5.5vh}}html.mobile #container #main section#about,html.tablet #container #main section#about{position:relative;width:100%;height:100%;overflow:hidden;opacity:.0001}html.mobile #container #main section#about .bg-layer,html.tablet #container #main section#about .bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:url(img/mobile/bg-about.jpg) 50%/cover no-repeat;will-change:opacity}html.mobile #container #main section#about .content-layer,html.tablet #container #main section#about .content-layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}html.mobile #container #main section#about .content-layer .badge,html.tablet #container #main section#about .content-layer .badge{position:relative;width:65vw;height:65vw;margin:0 35vw 20vw 0;overflow:hidden}@media (min-width:600px){html.mobile #container #main section#about .content-layer .badge,html.tablet #container #main section#about .content-layer .badge{width:40vw;height:40vw;margin:0 60vw 0 0}}html.mobile #container #main section#about .content-layer .badge .inner,html.tablet #container #main section#about .content-layer .badge .inner{display:block;position:absolute;width:100%;height:100%;overflow:hidden;will-change:transform}html.mobile #container #main section#about .content-layer .badge .inner .inner-2,html.tablet #container #main section#about .content-layer .badge .inner .inner-2{display:block;position:absolute;width:100%;height:100%;background-color:#ff3600;will-change:transform}html.mobile #container #main section#about .content-layer .badge .inner .inner-2 .small-text-badge,html.tablet #container #main section#about .content-layer .badge .inner .inner-2 .small-text-badge{position:absolute;left:15%;top:15%;font-family:Madrid;font-weight:400;font-size:4vw;color:#242328;will-change:opacity}@media (min-width:600px){html.mobile #container #main section#about .content-layer .badge .inner .inner-2 .small-text-badge,html.tablet #container #main section#about .content-layer .badge .inner .inner-2 .small-text-badge{font-size:2vw}}html.mobile #container #main section#about .content-layer .badge .inner .inner-2 .big-text-badge,html.tablet #container #main section#about .content-layer .badge .inner .inner-2 .big-text-badge{position:absolute;top:57%;left:15%;width:70%;font-family:Madrid;font-weight:400;font-size:9vw;line-height:10vw;color:#fff;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);will-change:opacity}@media (min-width:600px){html.mobile #container #main section#about .content-layer .badge .inner .inner-2 .big-text-badge,html.tablet #container #main section#about .content-layer .badge .inner .inner-2 .big-text-badge{font-size:5.4vw;line-height:6.5vw}}html.mobile #container #main section#about .content-layer .made-in,html.mobile #container #main section#about .content-layer .mission,html.mobile #container #main section#about .content-layer .studio,html.mobile #container #main section#about .content-layer .vision,html.tablet #container #main section#about .content-layer .made-in,html.tablet #container #main section#about .content-layer .mission,html.tablet #container #main section#about .content-layer .studio,html.tablet #container #main section#about .content-layer .vision{position:relative;width:90%;height:auto;background-color:#24222c}@media (min-width:600px){html.mobile #container #main section#about .content-layer .made-in,html.mobile #container #main section#about .content-layer .mission,html.mobile #container #main section#about .content-layer .studio,html.mobile #container #main section#about .content-layer .vision,html.tablet #container #main section#about .content-layer .made-in,html.tablet #container #main section#about .content-layer .mission,html.tablet #container #main section#about .content-layer .studio,html.tablet #container #main section#about .content-layer .vision{width:60%;height:65vw}}html.mobile #container #main section#about .content-layer .made-in,html.mobile #container #main section#about .content-layer .vision,html.tablet #container #main section#about .content-layer .made-in,html.tablet #container #main section#about .content-layer .vision{will-change:transform,opacity}html.mobile #container #main section#about .content-layer .made-in,html.mobile #container #main section#about .content-layer .mission,html.mobile #container #main section#about .content-layer .ruben,html.tablet #container #main section#about .content-layer .made-in,html.tablet #container #main section#about .content-layer .mission,html.tablet #container #main section#about .content-layer .ruben{margin:0 0 15vw 10%}@media (min-width:600px){html.mobile #container #main section#about .content-layer .made-in,html.mobile #container #main section#about .content-layer .mission,html.mobile #container #main section#about .content-layer .ruben,html.tablet #container #main section#about .content-layer .made-in,html.tablet #container #main section#about .content-layer .mission,html.tablet #container #main section#about .content-layer .ruben{margin:0 0 10vw 40%}}html.mobile #container #main section#about .content-layer .studio,html.mobile #container #main section#about .content-layer .vicen,html.mobile #container #main section#about .content-layer .vision,html.tablet #container #main section#about .content-layer .studio,html.tablet #container #main section#about .content-layer .vicen,html.tablet #container #main section#about .content-layer .vision{margin:0 10% 15vw 0}@media (min-width:600px){html.mobile #container #main section#about .content-layer .studio,html.mobile #container #main section#about .content-layer .vicen,html.mobile #container #main section#about .content-layer .vision,html.tablet #container #main section#about .content-layer .studio,html.tablet #container #main section#about .content-layer .vicen,html.tablet #container #main section#about .content-layer .vision{margin:0 40% 10vw 0}}html.mobile #container #main section#about .content-layer .awards,html.tablet #container #main section#about .content-layer .awards{position:relative;width:90vw;height:90vw;margin:0 5% 15vw}@media (min-width:600px){html.mobile #container #main section#about .content-layer .awards,html.tablet #container #main section#about .content-layer .awards{width:80vw;height:80vw;margin:0 10% 10vw}}html.mobile #container #main section#about .content-layer .awards span.number,html.tablet #container #main section#about .content-layer .awards span.number{display:block;position:absolute;top:50%;left:25%;width:50%;height:auto;font-family:Madrid;font-weight:400;font-size:11vw;line-height:11vw;color:#ff3600;text-align:center;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);overflow:hidden}@media (min-width:600px){html.mobile #container #main section#about .content-layer .awards span.number,html.tablet #container #main section#about .content-layer .awards span.number{font-size:7vw;line-height:7vw}}html.mobile #container #main section#about .content-layer .awards span.number b,html.tablet #container #main section#about .content-layer .awards span.number b{display:block;font-weight:400;width:100%;height:100%;will-change:transform}html.mobile #container #main section#about .content-layer .awards .awwwards,html.tablet #container #main section#about .content-layer .awards .awwwards{display:block;position:absolute;top:0;left:0;width:50%;height:50%;background-color:#24222c;background-image:url(img/laurel-awwwards.png);background-repeat:no-repeat;background-position:49% 50%;background-size:70%}@media (min-width:600px){html.mobile #container #main section#about .content-layer .awards .awwwards,html.tablet #container #main section#about .content-layer .awards .awwwards{background-size:45%}}html.mobile #container #main section#about .content-layer .awards .fwa,html.tablet #container #main section#about .content-layer .awards .fwa{display:block;position:absolute;top:0;right:0;width:50%;height:50%;background-color:#25232e;background-image:url(img/laurel-fwa.png);background-repeat:no-repeat;background-position:49% 50%;background-size:70%}@media (min-width:600px){html.mobile #container #main section#about .content-layer .awards .fwa,html.tablet #container #main section#about .content-layer .awards .fwa{background-size:45%}}html.mobile #container #main section#about .content-layer .awards .cssda,html.tablet #container #main section#about .content-layer .awards .cssda{display:block;position:absolute;bottom:0;left:0;width:50%;height:50%;background-color:#25232e;background-image:url(img/laurel-cssda.png);background-repeat:no-repeat;background-position:49% 50%;background-size:70%}@media (min-width:600px){html.mobile #container #main section#about .content-layer .awards .cssda,html.tablet #container #main section#about .content-layer .awards .cssda{background-size:45%}}html.mobile #container #main section#about .content-layer .awards .other,html.tablet #container #main section#about .content-layer .awards .other{display:block;position:absolute;bottom:0;right:0;width:50%;height:50%;background-color:#24222c;background-image:url(img/laurel-uefa.png);background-repeat:no-repeat;background-position:50% 50%;background-size:45%}@media (min-width:600px){html.mobile #container #main section#about .content-layer .awards .other,html.tablet #container #main section#about .content-layer .awards .other{background-size:25%}}html.mobile #container #main section#about .content-layer .studio,html.tablet #container #main section#about .content-layer .studio{position:relative;width:90%;height:auto;background-color:#ff3600}@media (min-width:600px){html.mobile #container #main section#about .content-layer .studio,html.tablet #container #main section#about .content-layer .studio{width:60%}}html.mobile #container #main section#about .content-layer .studio .quote,html.tablet #container #main section#about .content-layer .studio .quote{position:absolute;top:0;right:0;font-family:Madrid;color:#f13503;font-size:120vw;line-height:120vw}@media (min-width:600px){html.mobile #container #main section#about .content-layer .studio .quote,html.tablet #container #main section#about .content-layer .studio .quote{font-size:80vw;line-height:80vw}}html.mobile #container #main section#about .content-layer .studio .big-text,html.mobile #container #main section#about .content-layer .studio .small-text-orange,html.tablet #container #main section#about .content-layer .studio .big-text,html.tablet #container #main section#about .content-layer .studio .small-text-orange{will-change:opacity}html.mobile #container #main section#about .content-layer .ruben,html.mobile #container #main section#about .content-layer .vicen,html.tablet #container #main section#about .content-layer .ruben,html.tablet #container #main section#about .content-layer .vicen{position:relative;width:90%;height:auto;background-color:#ff3600;padding:15vw 0}@media (min-width:600px){html.mobile #container #main section#about .content-layer .ruben,html.mobile #container #main section#about .content-layer .vicen,html.tablet #container #main section#about .content-layer .ruben,html.tablet #container #main section#about .content-layer .vicen{width:60%;height:45vw;padding:10vw 0}}html.mobile #container #main section#about .content-layer .ruben .circle,html.mobile #container #main section#about .content-layer .vicen .circle,html.tablet #container #main section#about .content-layer .ruben .circle,html.tablet #container #main section#about .content-layer .vicen .circle{position:absolute;top:6vw;left:5vw;border:9vw solid #f13503;width:63vw;height:63vw;border-radius:50%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media (min-width:600px){html.mobile #container #main section#about .content-layer .ruben .circle,html.mobile #container #main section#about .content-layer .vicen .circle,html.tablet #container #main section#about .content-layer .ruben .circle,html.tablet #container #main section#about .content-layer .vicen .circle{top:6vw;left:4vw;border:6vw solid #f13503;width:40vw;height:40vw}}html.mobile #container #main section#about .content-layer .ruben .skull,html.mobile #container #main section#about .content-layer .vicen .skull,html.tablet #container #main section#about .content-layer .ruben .skull,html.tablet #container #main section#about .content-layer .vicen .skull{position:relative;width:70vw;height:70vw;margin:0 10vw;background-position:50%;background-size:contain;background-repeat:no-repeat}@media (min-width:600px){html.mobile #container #main section#about .content-layer .ruben .skull,html.mobile #container #main section#about .content-layer .vicen .skull,html.tablet #container #main section#about .content-layer .ruben .skull,html.tablet #container #main section#about .content-layer .vicen .skull{width:46vw;height:46vw;margin:0 7vw}}html.mobile #container #main section#about .content-layer .ruben .job-title,html.mobile #container #main section#about .content-layer .vicen .job-title,html.tablet #container #main section#about .content-layer .ruben .job-title,html.tablet #container #main section#about .content-layer .vicen .job-title{position:absolute;top:10%;left:9%;font-family:AvenirNextLTPro-Demi;font-weight:400;font-size:3.5vw;line-height:3.75vw;color:#fff;will-change:opacity}@media (min-width:600px){html.mobile #container #main section#about .content-layer .ruben .job-title,html.mobile #container #main section#about .content-layer .vicen .job-title,html.tablet #container #main section#about .content-layer .ruben .job-title,html.tablet #container #main section#about .content-layer .vicen .job-title{font-size:1.75vw;line-height:2vw}}html.mobile #container #main section#about .content-layer .ruben .team-name,html.mobile #container #main section#about .content-layer .vicen .team-name,html.tablet #container #main section#about .content-layer .ruben .team-name,html.tablet #container #main section#about .content-layer .vicen .team-name{position:absolute;top:74%;left:9%;font-family:Madrid;font-weight:400;font-size:7.6vw;line-height:7.6vw;color:#fff;will-change:opacity}@media (min-width:600px){html.mobile #container #main section#about .content-layer .ruben .team-name,html.mobile #container #main section#about .content-layer .vicen .team-name,html.tablet #container #main section#about .content-layer .ruben .team-name,html.tablet #container #main section#about .content-layer .vicen .team-name{top:77%;font-size:4.5vw;line-height:4.5vw}}html.mobile #container #main section#about .content-layer .ruben .team-name span,html.mobile #container #main section#about .content-layer .vicen .team-name span,html.tablet #container #main section#about .content-layer .ruben .team-name span,html.tablet #container #main section#about .content-layer .vicen .team-name span{display:block}html.mobile #container #main section#about .content-layer .ruben .team-name span:nth-child(2),html.mobile #container #main section#about .content-layer .vicen .team-name span:nth-child(2),html.tablet #container #main section#about .content-layer .ruben .team-name span:nth-child(2),html.tablet #container #main section#about .content-layer .vicen .team-name span:nth-child(2){padding-left:3.3vw;margin-top:-.4vw}@media (min-width:600px){html.mobile #container #main section#about .content-layer .ruben .team-name span:nth-child(2),html.mobile #container #main section#about .content-layer .vicen .team-name span:nth-child(2),html.tablet #container #main section#about .content-layer .ruben .team-name span:nth-child(2),html.tablet #container #main section#about .content-layer .vicen .team-name span:nth-child(2){padding-left:2.3vw;margin-top:-.4vw}}html.mobile #container #main section#about .content-layer .ruben .email,html.mobile #container #main section#about .content-layer .ruben .twitter,html.mobile #container #main section#about .content-layer .vicen .email,html.mobile #container #main section#about .content-layer .vicen .twitter,html.tablet #container #main section#about .content-layer .ruben .email,html.tablet #container #main section#about .content-layer .ruben .twitter,html.tablet #container #main section#about .content-layer .vicen .email,html.tablet #container #main section#about .content-layer .vicen .twitter{display:block;position:absolute;width:12vw;height:12vw;margin:0;padding:0;text-decoration:none;font-weight:400;border:1px solid #fff;will-change:opacity,transform}@media (min-width:600px){html.mobile #container #main section#about .content-layer .ruben .email,html.mobile #container #main section#about .content-layer .ruben .twitter,html.mobile #container #main section#about .content-layer .vicen .email,html.mobile #container #main section#about .content-layer .vicen .twitter,html.tablet #container #main section#about .content-layer .ruben .email,html.tablet #container #main section#about .content-layer .ruben .twitter,html.tablet #container #main section#about .content-layer .vicen .email,html.tablet #container #main section#about .content-layer .vicen .twitter{width:8vw;height:8vw}}html.mobile #container #main section#about .content-layer .ruben .email figure,html.mobile #container #main section#about .content-layer .ruben .twitter figure,html.mobile #container #main section#about .content-layer .vicen .email figure,html.mobile #container #main section#about .content-layer .vicen .twitter figure,html.tablet #container #main section#about .content-layer .ruben .email figure,html.tablet #container #main section#about .content-layer .ruben .twitter figure,html.tablet #container #main section#about .content-layer .vicen .email figure,html.tablet #container #main section#about .content-layer .vicen .twitter figure{display:block;position:absolute;margin:0;padding:0}html.mobile #container #main section#about .content-layer .ruben .email,html.mobile #container #main section#about .content-layer .vicen .email,html.tablet #container #main section#about .content-layer .ruben .email,html.tablet #container #main section#about .content-layer .vicen .email{right:9%;bottom:9%}@media (min-width:600px){html.mobile #container #main section#about .content-layer .ruben .email,html.mobile #container #main section#about .content-layer .vicen .email,html.tablet #container #main section#about .content-layer .ruben .email,html.tablet #container #main section#about .content-layer .vicen .email{right:9%;bottom:11%}}html.mobile #container #main section#about .content-layer .ruben .email figure,html.mobile #container #main section#about .content-layer .vicen .email figure,html.tablet #container #main section#about .content-layer .ruben .email figure,html.tablet #container #main section#about .content-layer .vicen .email figure{left:28%;top:28%;width:44%;height:44%;background:url(img/email-icon.png) 50%/contain no-repeat}@media (min-width:600px){html.mobile #container #main section#about .content-layer .ruben .email figure,html.mobile #container #main section#about .content-layer .vicen .email figure,html.tablet #container #main section#about .content-layer .ruben .email figure,html.tablet #container #main section#about .content-layer .vicen .email figure{left:35%;top:35%;width:30%;height:30%}}html.mobile #container #main section#about .content-layer .ruben .twitter,html.mobile #container #main section#about .content-layer .vicen .twitter,html.tablet #container #main section#about .content-layer .ruben .twitter,html.tablet #container #main section#about .content-layer .vicen .twitter{right:calc(9% + 12vw + 1px);bottom:calc(9% + 12vw + 1px)}@media (min-width:600px){html.mobile #container #main section#about .content-layer .ruben .twitter,html.mobile #container #main section#about .content-layer .vicen .twitter,html.tablet #container #main section#about .content-layer .ruben .twitter,html.tablet #container #main section#about .content-layer .vicen .twitter{right:calc(9% + 8vw + 1px);bottom:calc(11% + 8vw + 1px)}}html.mobile #container #main section#about .content-layer .ruben .twitter figure,html.mobile #container #main section#about .content-layer .vicen .twitter figure,html.tablet #container #main section#about .content-layer .ruben .twitter figure,html.tablet #container #main section#about .content-layer .vicen .twitter figure{left:27.5%;top:27%;width:45%;height:45%;background:url(img/twitter-icon.png) 50%/contain no-repeat}@media (min-width:600px){html.mobile #container #main section#about .content-layer .ruben .twitter figure,html.mobile #container #main section#about .content-layer .vicen .twitter figure,html.tablet #container #main section#about .content-layer .ruben .twitter figure,html.tablet #container #main section#about .content-layer .vicen .twitter figure{left:35%;top:35%;width:30%;height:30%}}html.mobile #container #main section#about .content-layer .ruben .skull,html.tablet #container #main section#about .content-layer .ruben .skull{background-image:url(img/mobile/ruben-skull.png)}html.mobile #container #main section#about .content-layer .vicen .skull,html.tablet #container #main section#about .content-layer .vicen .skull{background-image:url(img/mobile/vicen-skull.png)}html.mobile #container #main section#about .content-layer .small-title,html.tablet #container #main section#about .content-layer .small-title{display:block;position:absolute;left:7.5%;bottom:calc(100% + 4vw);width:92.5%;height:auto;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:4.5vw;line-height:4.5vw;color:#5b5b5c}@media (min-width:600px){html.mobile #container #main section#about .content-layer .small-title,html.tablet #container #main section#about .content-layer .small-title{left:10%;bottom:calc(100% + 1.5vw);font-size:2vw;line-height:2vw}}html.mobile #container #main section#about .content-layer .big-text,html.tablet #container #main section#about .content-layer .big-text{position:relative;width:85%;margin:0 7.5% 9vw;padding-top:9vw;font-family:Madrid;font-weight:400;font-size:9vw;line-height:10vw;color:#fff}@media (min-width:600px){html.mobile #container #main section#about .content-layer .big-text,html.tablet #container #main section#about .content-layer .big-text{width:80%;margin:0 10% 6vw;padding-top:5vw;font-size:6vw;line-height:5.5vw}}html.mobile #container #main section#about .content-layer .small-text,html.tablet #container #main section#about .content-layer .small-text{position:relative;width:85%;margin:0 7.5%;padding-bottom:9vw;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:5vw;line-height:5.5vw;color:#fff}@media (min-width:600px){html.mobile #container #main section#about .content-layer .small-text,html.tablet #container #main section#about .content-layer .small-text{position:absolute;bottom:9%;left:10%;margin:0;width:80%;height:28vw;padding:0;font-size:1.9vw;line-height:2.3vw;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}}html.mobile #container #main section#about .content-layer .small-text .inner,html.tablet #container #main section#about .content-layer .small-text .inner{position:relative;width:100%;height:auto}@media (min-width:600px){html.mobile #container #main section#about .content-layer .small-text .inner,html.tablet #container #main section#about .content-layer .small-text .inner{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translate3d(0,64%,0);transform:translate3d(0,64%,0)}}html.mobile #container #main section#about .content-layer .small-text-orange,html.tablet #container #main section#about .content-layer .small-text-orange{position:relative;width:85%;margin:0 7.5%;padding-bottom:9vw;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:5vw;line-height:5.5vw;color:#fff}@media (min-width:600px){html.mobile #container #main section#about .content-layer .small-text-orange,html.tablet #container #main section#about .content-layer .small-text-orange{position:relative;margin:0 10%;width:80%;padding:0 0 5vw;font-size:2vw;line-height:2.5vw}}html.mobile #container #main section#about .content-layer .small-text-orange .inner,html.tablet #container #main section#about .content-layer .small-text-orange .inner{position:relative;width:100%;height:auto}html.mobile #container #main section#about .content-layer .points,html.tablet #container #main section#about .content-layer .points{display:none}@media (min-width:600px){html.mobile #container #main section#about .content-layer .points,html.tablet #container #main section#about .content-layer .points{display:block;position:absolute;bottom:1%;left:calc(50% - 27px);width:54px;height:40px;cursor:pointer;pointer-events:initial}html.mobile #container #main section#about .content-layer .points span,html.tablet #container #main section#about .content-layer .points span{position:absolute;width:5px;height:5px;bottom:17px;border-radius:50%;background-color:#ff3600;pointer-events:none}}@media (min-width:600px) and (min-width:1600px){html.mobile #container #main section#about .content-layer .points span,html.tablet #container #main section#about .content-layer .points span{bottom:22.5px}}@media (min-width:600px){html.mobile #container #main section#about .content-layer .points span:nth-child(1),html.tablet #container #main section#about .content-layer .points span:nth-child(1){left:7px}html.mobile #container #main section#about .content-layer .points span:nth-child(2),html.tablet #container #main section#about .content-layer .points span:nth-child(2){left:calc(50% - 2.5px)}html.mobile #container #main section#about .content-layer .points span:nth-child(3),html.tablet #container #main section#about .content-layer .points span:nth-child(3){right:7px}}html.mobile #container #main section#about .content-layer .pad-bottom,html.tablet #container #main section#about .content-layer .pad-bottom{position:relative;width:100%;height:0;padding-bottom:10vh}html.mobile #container #main section#about .circle-logo,html.tablet #container #main section#about .circle-logo{position:absolute;width:180vw;height:180vw;top:65vh;left:-40vw;background-image:url(img/mobile/about-logo.png);background-position:50%;background-size:contain;background-repeat:no-repeat;mix-blend-mode:multiply;will-change:transform;pointer-events:none}@media (min-width:600px){html.mobile #container #main section#about .circle-logo,html.tablet #container #main section#about .circle-logo{width:70vw;height:70vw;top:40vh;left:15vw}}html.mobile #container #main section#contact,html.tablet #container #main section#contact{position:relative;width:100%;height:100%;overflow:hidden;opacity:.0001}html.mobile #container #main section#contact .bg-layer,html.tablet #container #main section#contact .bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:url(img/mobile/bg-contact.jpg) 50%/cover no-repeat;will-change:opacity}html.mobile #container #main section#contact .content-layer,html.tablet #container #main section#contact .content-layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}html.mobile #container #main section#contact .content-layer .info,html.tablet #container #main section#contact .content-layer .info{position:absolute;top:18%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);left:calc(50vw - 10vh);width:20vh;padding-right:1vh;will-change:opacity,transform}@media (min-width:600px){html.mobile #container #main section#contact .content-layer .info,html.tablet #container #main section#contact .content-layer .info{top:23%;left:calc(50vw - 6.8vh);width:13.6vh}}html.mobile #container #main section#contact .content-layer .info .temperature,html.tablet #container #main section#contact .content-layer .info .temperature{font-family:Madrid;font-weight:400;text-align:left;color:#ff3600;font-size:11.7vh;line-height:11.7vh}@media (min-width:600px){html.mobile #container #main section#contact .content-layer .info .temperature,html.tablet #container #main section#contact .content-layer .info .temperature{font-size:7.7vh;line-height:7.7vh}}html.mobile #container #main section#contact .content-layer .info .date,html.tablet #container #main section#contact .content-layer .info .date{font-family:AvenirNextLTPro-Medium;font-weight:400;font-size:3.5vh;line-height:3.6vh;color:#fff;text-transform:uppercase;text-align:left}@media (min-width:600px){html.mobile #container #main section#contact .content-layer .info .date,html.tablet #container #main section#contact .content-layer .info .date{font-size:2.4vh;line-height:2.5vh}}html.mobile #container #main section#contact .content-layer .info .date b,html.tablet #container #main section#contact .content-layer .info .date b{font-weight:400;color:#ff3600}html.mobile #container #main section#contact .content-layer .info .time,html.tablet #container #main section#contact .content-layer .info .time{font-family:AvenirNextLTPro-Medium;font-weight:400;font-size:2.5vh;color:#fff;text-transform:uppercase;text-align:left;margin:1vh 0 0}@media (min-width:600px){html.mobile #container #main section#contact .content-layer .info .time,html.tablet #container #main section#contact .content-layer .info .time{font-size:1.5vh}}html.mobile #container #main section#contact .content-layer .big-text,html.tablet #container #main section#contact .content-layer .big-text{position:absolute;top:48%;left:5%;width:90%;font-family:Madrid;font-weight:400;font-size:5.5vh;line-height:5.6vh;text-align:center;color:#fff;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);will-change:opacity,transform}@media (min-width:600px){html.mobile #container #main section#contact .content-layer .big-text,html.tablet #container #main section#contact .content-layer .big-text{left:7.5%;width:85%}}html.mobile #container #main section#contact .content-layer .big-text p,html.tablet #container #main section#contact .content-layer .big-text p{margin:0}html.mobile #container #main section#contact .content-layer .bottom,html.tablet #container #main section#contact .content-layer .bottom{display:block;position:absolute;bottom:25%;left:0;width:100%;text-align:center;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}@media (min-width:600px){html.mobile #container #main section#contact .content-layer .bottom,html.tablet #container #main section#contact .content-layer .bottom{bottom:28%}}html.mobile #container #main section#contact .content-layer .bottom a.email,html.tablet #container #main section#contact .content-layer .bottom a.email{display:inline-block;position:relative;margin:0;font-family:Madrid;font-weight:400;font-size:6vw;color:#ff3600;text-align:center;text-decoration:none;will-change:opacity,transform}@media (min-width:600px){html.mobile #container #main section#contact .content-layer .bottom a.email,html.tablet #container #main section#contact .content-layer .bottom a.email{font-size:3vw}}html.mobile #container #main section#contact .content-layer .bottom .social,html.tablet #container #main section#contact .content-layer .bottom .social{position:relative;margin:5vh 0 0}@media (min-width:600px){html.mobile #container #main section#contact .content-layer .bottom .social,html.tablet #container #main section#contact .content-layer .bottom .social{margin:3vh 0 0}}html.mobile #container #main section#contact .content-layer .bottom .social .behance-figure,html.mobile #container #main section#contact .content-layer .bottom .social .facebook-figure,html.mobile #container #main section#contact .content-layer .bottom .social .twitter-figure,html.tablet #container #main section#contact .content-layer .bottom .social .behance-figure,html.tablet #container #main section#contact .content-layer .bottom .social .facebook-figure,html.tablet #container #main section#contact .content-layer .bottom .social .twitter-figure{display:inline-block;margin:0 1.25vh;text-decoration:none;width:4vh;height:4vh;will-change:opacity,transform}@media (min-width:600px){html.mobile #container #main section#contact .content-layer .bottom .social .behance-figure,html.mobile #container #main section#contact .content-layer .bottom .social .facebook-figure,html.mobile #container #main section#contact .content-layer .bottom .social .twitter-figure,html.tablet #container #main section#contact .content-layer .bottom .social .behance-figure,html.tablet #container #main section#contact .content-layer .bottom .social .facebook-figure,html.tablet #container #main section#contact .content-layer .bottom .social .twitter-figure{margin:0 1vh;width:2.5vh;height:2.5vh}}html.mobile #container #main section#contact .content-layer .bottom .social .twitter-figure,html.tablet #container #main section#contact .content-layer .bottom .social .twitter-figure{background:url(img/twitter-icon.png) 50% 65%/90% no-repeat}html.mobile #container #main section#contact .content-layer .bottom .social .facebook-figure,html.tablet #container #main section#contact .content-layer .bottom .social .facebook-figure{background:url(img/facebook-icon.png) 50%/contain no-repeat}html.mobile #container #main section#contact .content-layer .bottom .social .behance-figure,html.tablet #container #main section#contact .content-layer .bottom .social .behance-figure{background:url(img/behance-icon.png) 50%/contain no-repeat}html.mobile #container #main section#work,html.tablet #container #main section#work{position:relative;width:100%;height:100%;overflow:hidden;opacity:.0001}html.mobile #container #main section#work .bg-layer,html.tablet #container #main section#work .bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:url(img/mobile/bg-work.jpg) 50%/cover no-repeat;will-change:opacity}html.mobile #container #main section#work .content-layer,html.tablet #container #main section#work .content-layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}html.mobile #container #main section#work .content-layer ul.work-list,html.tablet #container #main section#work .content-layer ul.work-list{position:relative;display:block;margin:0 10%;padding:6vh 0 calc(1.75vh + 60px);list-style-type:none;width:80%;height:auto;overflow:hidden}@media (min-width:600px){html.mobile #container #main section#work .content-layer ul.work-list,html.tablet #container #main section#work .content-layer ul.work-list{padding:7vh 0 calc(1.75vh + 100px)}}html.mobile #container #main section#work .content-layer ul.work-list li.work-element,html.tablet #container #main section#work .content-layer ul.work-list li.work-element{display:block;margin:0 0 5vh;padding:0;position:relative;width:100%;height:16vh;overflow:hidden;will-change:transform}html.mobile #container #main section#work .content-layer ul.work-list li.work-element a,html.mobile #container #main section#work .content-layer ul.work-list li.work-element a:visited,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a:visited{display:block;position:relative;width:100%;height:100%;text-decoration:none;font-weight:400;will-change:transform}html.mobile #container #main section#work .content-layer ul.work-list li.work-element a .texts,html.mobile #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a .texts,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts{position:absolute;top:50%;left:10%;width:80%;pointer-events:none;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}@media (min-width:600px){html.mobile #container #main section#work .content-layer ul.work-list li.work-element a .texts,html.mobile #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a .texts,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts{width:75%}}html.mobile #container #main section#work .content-layer ul.work-list li.work-element a .texts .title,html.mobile #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts .title,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a .texts .title,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts .title{font-family:Madrid;font-weight:400;font-size:7vw;line-height:9vw;color:#fff}@media (min-width:600px){html.mobile #container #main section#work .content-layer ul.work-list li.work-element a .texts .title,html.mobile #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts .title,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a .texts .title,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts .title{font-size:5vw;line-height:6vw}}html.mobile #container #main section#work .content-layer ul.work-list li.work-element a .texts .hashtags,html.mobile #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts .hashtags,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a .texts .hashtags,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts .hashtags{display:block;position:relative;color:#fff;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:3vw;text-align:left}@media (min-width:600px){html.mobile #container #main section#work .content-layer ul.work-list li.work-element a .texts .hashtags,html.mobile #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts .hashtags,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a .texts .hashtags,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts .hashtags{font-size:2vw}}html.mobile #container #main section#work .content-layer ul.work-list li.work-element a .texts ul.colors,html.mobile #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts ul.colors,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a .texts ul.colors,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts ul.colors{display:block;position:relative;width:50%;margin:0 0 0 3vh;padding:0;text-align:left;pointer-events:none}@media (min-width:600px){html.mobile #container #main section#work .content-layer ul.work-list li.work-element a .texts ul.colors,html.mobile #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts ul.colors,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a .texts ul.colors,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts ul.colors{margin:0 0 0 2vh}}html.mobile #container #main section#work .content-layer ul.work-list li.work-element a .texts ul.colors li,html.mobile #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts ul.colors li,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a .texts ul.colors li,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts ul.colors li{display:inline-block;width:3px;height:3px;border-radius:50%;margin-right:1.7vh}html.mobile #container #main section#work .content-layer ul.work-list li.work-element a .texts ul.colors li:nth-last-child(1),html.mobile #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts ul.colors li:nth-last-child(1),html.tablet #container #main section#work .content-layer ul.work-list li.work-element a .texts ul.colors li:nth-last-child(1),html.tablet #container #main section#work .content-layer ul.work-list li.work-element a:visited .texts ul.colors li:nth-last-child(1){margin-right:0}html.mobile #container #main section#work .content-layer ul.work-list li.work-element a:visited span.arrow,html.mobile #container #main section#work .content-layer ul.work-list li.work-element a span.arrow,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a:visited span.arrow,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a span.arrow{display:block;position:absolute;top:50%;right:10%;width:3vw;height:3vw;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(45deg) translate3d(0,-50%,0);transform:rotate(45deg) translate3d(0,-50%,0)}@media (min-width:600px){html.mobile #container #main section#work .content-layer ul.work-list li.work-element a:visited span.arrow,html.mobile #container #main section#work .content-layer ul.work-list li.work-element a span.arrow,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a:visited span.arrow,html.tablet #container #main section#work .content-layer ul.work-list li.work-element a span.arrow{right:12%;width:2vw;height:2vw}}html.mobile #container #main section#work_detail,html.tablet #container #main section#work_detail{position:relative;width:100%;height:100%;overflow:hidden;opacity:.0001}html.mobile #container #main section#work_detail .bg-layer,html.tablet #container #main section#work_detail .bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}html.mobile #container #main section#work_detail .bg-layer .lines,html.tablet #container #main section#work_detail .bg-layer .lines{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;background-image:url(img/mobile/lines-work.png)}html.mobile #container #main section#work_detail .content-layer,html.tablet #container #main section#work_detail .content-layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch}html.mobile #container #main section#work_detail .content-layer.can-scroll,html.tablet #container #main section#work_detail .content-layer.can-scroll{overflow-x:hidden;overflow-y:auto}html.mobile #container #main section#work_detail .content-layer .intro,html.tablet #container #main section#work_detail .content-layer .intro{position:relative;width:100vw;height:calc(100% - 60px)}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer .intro,html.tablet #container #main section#work_detail .content-layer .intro{height:calc(100% - 100px)}}html.mobile #container #main section#work_detail .content-layer .intro .bg-intro,html.tablet #container #main section#work_detail .content-layer .intro .bg-intro{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;will-change:opacity}html.mobile #container #main section#work_detail .content-layer .intro .header-cnt,html.tablet #container #main section#work_detail .content-layer .intro .header-cnt{position:absolute;width:100%;height:auto;left:0;bottom:8vh}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer .intro .header-cnt,html.tablet #container #main section#work_detail .content-layer .intro .header-cnt{bottom:27vh}}html.mobile #container #main section#work_detail .content-layer .intro .header-cnt .header-title,html.tablet #container #main section#work_detail .content-layer .intro .header-cnt .header-title{position:relative;margin:0 10% 6vh 0;padding:0;color:#fff;text-align:right}html.mobile #container #main section#work_detail .content-layer .intro .header-cnt .header-title span,html.tablet #container #main section#work_detail .content-layer .intro .header-cnt .header-title span{display:inline-block;position:relative;font-family:Madrid;font-weight:400;font-size:10vh;line-height:10.5vh;will-change:opacity,transform}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer .intro .header-cnt .header-title span,html.tablet #container #main section#work_detail .content-layer .intro .header-cnt .header-title span{font-size:11vh;line-height:11vh}}html.mobile #container #main section#work_detail .content-layer .intro .header-cnt .header-title span:nth-child(3),html.tablet #container #main section#work_detail .content-layer .intro .header-cnt .header-title span:nth-child(3){margin:-2.5vh -2.5vh 0 0}html.mobile #container #main section#work_detail .content-layer .intro .header-cnt .header-text,html.tablet #container #main section#work_detail .content-layer .intro .header-cnt .header-text{position:relative;margin:0 0 0 10%;width:80%;font-family:Madrid;font-weight:400;color:#fff;font-size:5vh;line-height:5.5vh;text-align:left;will-change:opacity,transform}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer .intro .header-cnt .header-text,html.tablet #container #main section#work_detail .content-layer .intro .header-cnt .header-text{font-size:4vh;line-height:4.5vh}}html.mobile #container #main section#work_detail .content-layer .intro .more,html.tablet #container #main section#work_detail .content-layer .intro .more{display:none}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer .intro .more,html.tablet #container #main section#work_detail .content-layer .intro .more{display:block;margin:0;padding:0;position:absolute;bottom:10vh;left:23.33%;width:53.33%;height:9vh;background-color:#fff;border-radius:5vh;list-style-type:none;will-change:opacity}html.mobile #container #main section#work_detail .content-layer .intro .more li,html.tablet #container #main section#work_detail .content-layer .intro .more li{position:absolute;top:0;display:block;margin:0;padding:0;width:50%;height:100%}html.mobile #container #main section#work_detail .content-layer .intro .more li:nth-child(1),html.tablet #container #main section#work_detail .content-layer .intro .more li:nth-child(1){left:0}html.mobile #container #main section#work_detail .content-layer .intro .more li:nth-child(1) figure,html.tablet #container #main section#work_detail .content-layer .intro .more li:nth-child(1) figure{background:url(img/mobile/roles-icon.png) 50%/contain no-repeat}html.mobile #container #main section#work_detail .content-layer .intro .more li:nth-child(2),html.tablet #container #main section#work_detail .content-layer .intro .more li:nth-child(2){left:50%}html.mobile #container #main section#work_detail .content-layer .intro .more li:nth-child(2) figure,html.tablet #container #main section#work_detail .content-layer .intro .more li:nth-child(2) figure{background:url(img/mobile/platforms-icon.png) 50%/contain no-repeat}html.mobile #container #main section#work_detail .content-layer .intro .more li figure,html.tablet #container #main section#work_detail .content-layer .intro .more li figure{display:block;position:absolute;top:2.6vh;left:16%;margin:0;padding:0;width:3.5vh;height:3.5vh}html.mobile #container #main section#work_detail .content-layer .intro .more li .texts,html.tablet #container #main section#work_detail .content-layer .intro .more li .texts{position:absolute;top:50%;right:10%;width:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}html.mobile #container #main section#work_detail .content-layer .intro .more li .texts h4,html.tablet #container #main section#work_detail .content-layer .intro .more li .texts h4{display:block;font-family:AvenirNextLTPro-Demi;font-weight:400;font-size:1.2vh;color:#716e7e;margin:0}html.mobile #container #main section#work_detail .content-layer .intro .more li .texts p,html.tablet #container #main section#work_detail .content-layer .intro .more li .texts p{display:block;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:1vh;color:#716e7e;margin:0}html.mobile #container #main section#work_detail .content-layer .intro .more.awarded,html.tablet #container #main section#work_detail .content-layer .intro .more.awarded{left:10%;width:80%}html.mobile #container #main section#work_detail .content-layer .intro .more.awarded li,html.tablet #container #main section#work_detail .content-layer .intro .more.awarded li{width:33.33%}html.mobile #container #main section#work_detail .content-layer .intro .more.awarded li:nth-child(1),html.tablet #container #main section#work_detail .content-layer .intro .more.awarded li:nth-child(1){left:0}html.mobile #container #main section#work_detail .content-layer .intro .more.awarded li:nth-child(2),html.tablet #container #main section#work_detail .content-layer .intro .more.awarded li:nth-child(2){left:33.33%}html.mobile #container #main section#work_detail .content-layer .intro .more.awarded li:nth-child(3),html.tablet #container #main section#work_detail .content-layer .intro .more.awarded li:nth-child(3){left:66.66%}html.mobile #container #main section#work_detail .content-layer .intro .more.awarded li:nth-child(3) figure,html.tablet #container #main section#work_detail .content-layer .intro .more.awarded li:nth-child(3) figure{background:url(img/mobile/recognition-icon.png) 50%/contain no-repeat}}html.mobile #container #main section#work_detail .content-layer .design-text,html.tablet #container #main section#work_detail .content-layer .design-text{position:relative;width:85%;margin:15vw 7.5%}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer .design-text,html.tablet #container #main section#work_detail .content-layer .design-text{width:80%;margin:15vw 10%}}html.mobile #container #main section#work_detail .content-layer .design-text h2,html.tablet #container #main section#work_detail .content-layer .design-text h2{display:block;position:relative;width:80%;height:auto;font-family:Madrid;font-weight:400;margin:0 20% 9vw 0;font-size:7.5vw;will-change:opacity}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer .design-text h2,html.tablet #container #main section#work_detail .content-layer .design-text h2{margin:0 15% 6vw 5%;font-size:6.5vw}}html.mobile #container #main section#work_detail .content-layer .design-text p,html.tablet #container #main section#work_detail .content-layer .design-text p{display:block;margin:0 0 0 20%;width:80%;height:auto;font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:5vw;line-height:5.4vw;text-align:left;will-change:opacity}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer .design-text p,html.tablet #container #main section#work_detail .content-layer .design-text p{font-size:2vw;line-height:2.5vw}}html.mobile #container #main section#work_detail .content-layer ul.work_images,html.tablet #container #main section#work_detail .content-layer ul.work_images{display:block;position:relative;padding:0;margin:0;list-style-type:none}html.mobile #container #main section#work_detail .content-layer ul.work_images li.image,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image{display:block;position:relative;margin-bottom:15vw;background-position:50%;background-size:contain;background-repeat:no-repeat;will-change:opacity}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer ul.work_images li.image,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image{margin-bottom:10vw}}html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-1,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-1{height:30vh;width:90%}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-1,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-1{height:35vh}}html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-1.horizontal-1,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-1.horizontal-1{margin-left:10%;margin-right:0}html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-1.horizontal-2,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-1.horizontal-2{margin-left:5%;margin-right:5%}html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-1.horizontal-3,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-1.horizontal-3{margin-left:0;margin-right:10%}html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-2,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-2{height:70vh;width:70%}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-2,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-2{height:65vh;width:50%}}html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-2.horizontal-1,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-2.horizontal-1{margin-left:30%;margin-right:0}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-2.horizontal-1,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-2.horizontal-1{margin-left:50%;margin-right:0}}html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-2.horizontal-2,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-2.horizontal-2{margin-left:15%;margin-right:15%}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-2.horizontal-2,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-2.horizontal-2{margin-left:25%;margin-right:25%}}html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-2.horizontal-3,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-2.horizontal-3{margin-left:0;margin-right:30%}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-2.horizontal-3,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-2.horizontal-3{margin-left:0;margin-right:50%}}html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-3,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-3{height:80vw;width:80%}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-3,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-3{height:70vw;width:70%}}html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-3.horizontal-1,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-3.horizontal-1{margin-left:20%;margin-right:0}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-3.horizontal-1,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-3.horizontal-1{margin-left:30%;margin-right:0}}html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-3.horizontal-2,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-3.horizontal-2{margin-left:10%;margin-right:10%}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-3.horizontal-2,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-3.horizontal-2{margin-left:15%;margin-right:15%}}html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-3.horizontal-3,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-3.horizontal-3{margin-left:0;margin-right:20%}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer ul.work_images li.image.format-3.horizontal-3,html.tablet #container #main section#work_detail .content-layer ul.work_images li.image.format-3.horizontal-3{margin-left:0;margin-right:30%}}html.mobile #container #main section#work_detail .content-layer .next-project,html.tablet #container #main section#work_detail .content-layer .next-project{display:block;text-decoration:none;font-weight:400;position:relative;width:100%;height:25vh;margin:15vh 0 60px}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer .next-project,html.tablet #container #main section#work_detail .content-layer .next-project{margin:11vh 0 100px}}html.mobile #container #main section#work_detail .content-layer .next-project .background,html.tablet #container #main section#work_detail .content-layer .next-project .background{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50%;background-size:cover;background-repeat:no-repeat;will-change:opacity}html.mobile #container #main section#work_detail .content-layer .next-project span,html.tablet #container #main section#work_detail .content-layer .next-project span{display:block;position:relative;width:100%;text-align:center;color:#fff;margin:0;padding:4vh 0 0;will-change:opacity}html.mobile #container #main section#work_detail .content-layer .next-project span:nth-child(2),html.tablet #container #main section#work_detail .content-layer .next-project span:nth-child(2){font-family:AvenirNextLTPro-Regular;font-weight:400;font-size:3vh}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer .next-project span:nth-child(2),html.tablet #container #main section#work_detail .content-layer .next-project span:nth-child(2){font-size:2vh}}html.mobile #container #main section#work_detail .content-layer .next-project span:nth-child(3),html.tablet #container #main section#work_detail .content-layer .next-project span:nth-child(3){font-family:Madrid;font-weight:400;font-size:4.5vh}@media (min-width:600px){html.mobile #container #main section#work_detail .content-layer .next-project span:nth-child(3),html.tablet #container #main section#work_detail .content-layer .next-project span:nth-child(3){font-size:5vh}}html.mobile #container #main section#work_detail .link-layer,html.tablet #container #main section#work_detail .link-layer{position:absolute;top:0;left:0;width:100%;height:50px;text-align:center;background-color:#24222c;will-change:transform}@media (min-width:600px){html.mobile #container #main section#work_detail .link-layer,html.tablet #container #main section#work_detail .link-layer{height:80px}}html.mobile #container #main section#work_detail .link-layer h1,html.tablet #container #main section#work_detail .link-layer h1{display:inline-block;position:relative;margin:0;padding:0;font-family:Madrid;font-weight:400;font-size:24px;margin-top:12px;opacity:.0001;will-change:opacity}@media (min-width:600px){html.mobile #container #main section#work_detail .link-layer h1,html.tablet #container #main section#work_detail .link-layer h1{font-size:30px;margin-top:23px}}html.mobile #container #main section#work_detail .link-layer .back-link,html.tablet #container #main section#work_detail .link-layer .back-link{display:block;position:absolute;top:0;left:0;width:50px;height:50px;background:url(img/mobile/back.svg) 50%/70% 70% no-repeat}@media (min-width:600px){html.mobile #container #main section#work_detail .link-layer .back-link,html.tablet #container #main section#work_detail .link-layer .back-link{width:80px;height:80px;background:url(img/mobile/back.svg) 50%/55% 55% no-repeat}}html.mobile #container #main section#work_detail .link-layer .external-link,html.tablet #container #main section#work_detail .link-layer .external-link{display:block;position:absolute;top:0;right:0;width:50px;height:50px;background:url(img/mobile/external-link.svg) 50%/55% 55% no-repeat}@media (min-width:600px){html.mobile #container #main section#work_detail .link-layer .external-link,html.tablet #container #main section#work_detail .link-layer .external-link{width:80px;height:80px;background:url(img/mobile/external-link.svg) 50%/45% 45% no-repeat}}html.mobile #container #main .zigzag,html.tablet #container #main .zigzag{display:inline-block;position:relative;height:6px;width:28px;margin:0 5px 1px 0;overflow:hidden}html.mobile #container #main .zigzag span,html.tablet #container #main .zigzag span{display:block;position:absolute;top:0;left:0;width:28px;height:6px;overflow:hidden}html.mobile #container #main .zigzag span figure,html.tablet #container #main .zigzag span figure{display:block;position:absolute;top:0;right:0;padding:0;margin:0;width:56px;height:6px;background-image:url(img/zigzag-orange.png);background-position:0 0;background-repeat:repeat-x;background-size:12.85px 6px}html.mobile #container #orientation,html.tablet #container #orientation{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#24222c;z-index:100;display:none}html.mobile #container #orientation .cnt,html.tablet #container #orientation .cnt{width:80%;height:auto;position:absolute;top:50%;left:10%;text-align:center;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}html.mobile #container #orientation .cnt figure,html.tablet #container #orientation .cnt figure{position:relative;margin:0 0 5vw;padding:0;width:100%;height:15vw;background:url(img/mobile/turn.svg) 50%/contain no-repeat}html.mobile #container #orientation .cnt p,html.tablet #container #orientation .cnt p{margin:0;width:100%;font-family:Madrid;font-weight:400;font-size:4vw;color:#fff}html.mobile #container #orientation .cnt p b,html.tablet #container #orientation .cnt p b{font-weight:400;color:#ff3600}html.mobile.dark-background body,html.tablet.dark-background body{background-color:#24222c}html.mobile.es #container #main section#about .content-layer .badge .inner .inner-2 .big-text-badge,html.tablet.es #container #main section#about .content-layer .badge .inner .inner-2 .big-text-badge{top:56%;font-size:8vw;line-height:9vw}@media (min-width:600px){html.mobile.es #container #main section#about .content-layer .badge .inner .inner-2 .big-text-badge,html.tablet.es #container #main section#about .content-layer .badge .inner .inner-2 .big-text-badge{font-size:4.7vw;line-height:5.5vw}}