@font-face{font-family:"Codec Pro";src:url(fonts/CodecPro-Bold.woff2) format("woff2"),url(fonts/CodecPro-Bold.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Codec Pro";src:url(fonts/CodecPro-Heavy.woff2) format("woff2"),url(fonts/CodecPro-Heavy.woff) format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Codec Pro";src:url(fonts/CodecPro-Light.woff2) format("woff2"),url(fonts/CodecPro-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Codec Pro";src:url(fonts/CodecPro-Regular.woff2) format("woff2"),url(fonts/CodecPro-Regular.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}.btn{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none !important;user-select:none;position:relative;display:inline-block;width:200px;height:50px;font-size:1em;font-weight:bold;line-height:60px;text-align:center;text-transform:uppercase;background-color:rgba(0,0,0,0);cursor:pointer;text-decoration:none;font-weight:500;letter-spacing:.09em;pointer-events:all}.btn em{font-style:normal;font-size:150%;position:relative;top:5%;padding-left:5%}.btn svg{position:absolute;top:0;left:0}.btn svg rect{stroke-width:4;stroke-dasharray:353,0;stroke-dashoffset:0;-webkit-transition:all 600ms ease;transition:all 600ms ease}.btn span{background:#ff8282;background:-moz-linear-gradient(left, rgb(255, 130, 130) 0%, rgb(225, 120, 237) 100%);background:-webkit-linear-gradient(left, rgb(255, 130, 130) 0%, rgb(225, 120, 237) 100%);background:linear-gradient(to right, rgb(255, 130, 130) 0%, rgb(225, 120, 237) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ff8282", endColorstr="#e178ed",GradientType=1 );-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.btn:hover{cursor:pointer}.btn:hover svg rect{stroke-width:4;stroke-dasharray:106,543;stroke-dashoffset:413}.social{user-select:none;position:fixed;bottom:20px;right:50px;z-index:0;transition:all 2s}@media(max-width: 420px){.social{right:auto;bottom:100px}}.social ul{margin:0 auto;padding:0;text-align:center}.social ul li{display:inline-block;list-style-type:none}.social ul li a{display:block;margin:0 5px}.social ul li a span{display:none}@media screen and (max-width: 670px){.social ul li a{margin:0 2px}}@media(max-width: 420px){.social ul li a{margin:0 15px}}.social ul li a.facebook{width:10px;position:relative;top:2px}.social ul li a.youtube{width:28px}.social ul li a.twitter{width:20px}.social ul li a.soundcloud{width:38px;display:none}.social ul li a.spotify{width:25px;display:none}.social ul li a.amazon{width:25px;position:relative;top:4px;display:none}.social ul li a.apple{width:20px;display:none}.social ul li a.instagram{position:relative;top:1px;width:18px}.social ul li a.music{width:28px;position:relative;top:4px}.social ul li a.active{display:block}.social ul li a:hover>svg path{fill:#f5e3ff}.social ul li svg{max-width:100%}.social ul li svg *{fill:#0f86c1}.social ul li svg path{transition:all 1s}*{scrollbar-width:thin;scrollbar-color:#fc0 #ccc}*::-webkit-scrollbar{width:15px}*::-webkit-scrollbar-track{background:linear-gradient(#0f86c1, #ea4f5f, #fcc910)}*::-webkit-scrollbar-thumb{background-color:#fff;border-radius:0;border:2px dotted #ccc}.navigation{user-select:none;position:fixed;left:0;top:0;height:100vh;background:#121212;padding:100px 50px 0 20px !important;transform:translateX(-100%)}.navigation.enabled{transition:all 3.5s}.navigation.active{transition:all 1.5s;transform:translateX(0%);padding:100px 60px 0 30px}.navigation ul.menu,.navigation ul.menu li{position:relative;margin:0;padding:0;list-style-type:none;font-weight:200}.navigation ul.menu a,.navigation ul.menu li a{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none !important;user-select:none;text-transform:uppercase;color:#fff;text-decoration:none;font-size:clamp(22px,2.2vw,36px);line-height:clamp(30px,3vw,50px);transition:all 1s}@media(max-width: 420px){.navigation ul.menu a,.navigation ul.menu li a{font-size:clamp(31.2px,3.12vw,50.4px);line-height:clamp(45px,4.5vw,75px)}}.navigation ul.menu a:hover,.navigation ul.menu li a:hover{color:#0f86c1}.navigation .social{user-select:none;position:fixed;bottom:150px;right:auto;z-index:0;transition:all 2s}@media(max-width: 419px){.navigation .social{bottom:210px}}.navigation .social a{margin:0 20px 0 0}@media(min-width: 421px){.navigation .social a{transform:scale(0.7);margin:0 2px 0 0}}.navigation footer{position:fixed;bottom:110px}@media(max-width: 419px){.navigation footer{bottom:170px}}.navigation footer ul{margin:0;padding:0}.navigation footer ul li{list-style-type:none;display:inline;font-size:9px;line-height:9px}.navigation footer ul li:nth-of-type(1){display:block}.navigation footer ul li a{color:#fff;text-decoration:none;font-size:inherit;line-height:inherit}.navigation footer ul li a span.year{font-size:65% !important;line-height:65% !important}.menu-wrapper{position:fixed;top:35px;left:20px;z-index:50;background:linear-gradient(#0f86c1, #ea4f5f, #fcc910);width:40px;height:40px;transition:all 1s}.menu-wrapper:hover{cursor:pointer;transform:scale(1.1)}.menu-wrapper .menu{transition:all 1s;position:relative;top:5px;left:-1px}.menu-wrapper .menu:hover>.line{background-color:#fff}.menu-wrapper .menu .line{width:25px;height:2px;background-color:#fff;display:block;margin:6px auto;transition:all 1s ease-in-out}.menu-wrapper .menu.active{top:6px;left:-1px;transform:rotate(135deg)}.menu-wrapper .menu.active .line:nth-child(2){width:0}.menu-wrapper .menu.active .line:nth-child(1){transform:translateY(7px)}.menu-wrapper .menu.active .line:nth-child(3){transform:translateY(-9px) rotate(90deg)}*{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{padding:0;margin:0}body{background:#000;color:#fff;margin:0;padding:0;overflow:hidden;font-family:"Codec Pro",sans-serif;font-weight:300;font-size:clamp(14px,1.2vw,16px);line-height:clamp(19.6px,1.68vw,22.4px)}body.active{visibility:visible !important}h1,h2,h3,h4,h5,h6{text-transform:uppercase}h3{font-size:clamp(26px,2.6vw,42px);line-height:clamp(27px,2.7vw,45px);margin:0;padding:0;font-weight:200}strong{text-transform:uppercase;font-weight:500}p.c{text-align:center;display:inline-block}.logo{position:relative;background:url(img/include-logo.svg) no-repeat center center;background-size:cover;width:50vw;height:10.1vw;margin:0 auto}@media(max-width: 768px){.logo{width:80vw;height:16.16vw}}.panel{position:fixed;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;left:0;transform:translateX(100%)}.panel .content{text-align:center}.panel.enabled{transition:all 2s}.panel.active{transform:translateX(0%)}.panel.short{display:block}.panel .content .spacer{width:100%;padding-top:80px}@media(max-width: 420px){.panel .content .spacer{display:block;padding-top:15vh}}.panel#clients,.panel#about,.panel#cookies,.panel#privacy{background:#fff;color:#000;width:100%;height:100%;overflow-y:auto;align-items:center;justify-content:center;display:flex}.panel#clients h3,.panel#about h3,.panel#cookies h3,.panel#privacy h3{text-align:left}.panel#clients .content,.panel#about .content,.panel#cookies .content,.panel#privacy .content{max-width:60vw;margin:auto}@media(max-width: 420px){.panel#clients .content,.panel#about .content,.panel#cookies .content,.panel#privacy .content{max-width:80vw}}.panel#clients .content p,.panel#clients .content ul,.panel#about .content p,.panel#about .content ul,.panel#cookies .content p,.panel#cookies .content ul,.panel#privacy .content p,.panel#privacy .content ul{text-align:left}.panel#about h3{text-align:center}.panel#about p:last-of-type{text-align:center}.panel#contact{background:#000;width:100%;height:100%;display:flex;overflow-y:auto}.panel#contact .content{max-width:60vw}@media(max-width: 420px){.panel#contact .content{max-width:80vw}}.panel#contact .content a{color:#fff}.panel#contact .content .btn{margin-bottom:5vw}.panel#clients .content .clients{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:90vw;transition:all 2s}.panel#clients .content .clients .client{background-size:100% !important;background-repeat:no-repeat !important;width:clamp(120px,10vw,300px);height:clamp(120px,10vw,300px);margin:20px;position:relative}@media(max-width: 420px){.panel#clients .content .clients .client{width:16vw;height:16vw;margin:5px}}.panel#clients .content .clients .client.three-hundred{background-size:55% !important;background:url(img/300.svg) no-repeat center center}.panel#clients .content .clients .client.capitol{background-size:70% !important;background:url(img/capitol.svg) no-repeat center center}.panel#clients .content .clients .client.decca{background-size:70% !important;background:url(img/decca.svg) no-repeat center center}.panel#clients .content .clients .client.emi{background-size:70% !important;background:url(img/emi.svg) no-repeat center center}.panel#clients .content .clients .client.hollywood-records{background-size:90% !important;background:url(img/hollywood-records.svg) no-repeat center center}.panel#clients .content .clients .client.island-records{background-size:95% !important;background:url(img/island-records.svg) no-repeat center center}.panel#clients .content .clients .client.kobalt{background-size:70% !important;background:url(img/kobalt.svg) no-repeat center center}.panel#clients .content .clients .client.parlophone{background-size:90% !important;background:url(img/parlophone.svg) no-repeat center center}.panel#clients .content .clients .client.platoon{background:url(img/platoon.svg) no-repeat center center}.panel#clients .content .clients .client.universal{background-size:70% !important;background:url(img/universal.svg) no-repeat center center}.panel#clients .content .clients .client.wmg{background:url(img/wmg.svg) no-repeat center center}.panel#clients .content .clients .client.blackbutter{background-size:60% !important;background:url(img/black-butter-records.svg) no-repeat center center}.panel#clients .content .artists{max-width:60vw;padding:20px;margin:0 auto;color:#121212}@media(max-width: 420px){.panel#clients .content .artists{max-width:80vw}}.panel#clients .content .artists h3,.panel#clients .content .artists p{text-align:center}.panel#work{background:#fff}.panel#work .close{right:40px}.panel#work .content{width:100%;height:100%;display:flex;flex-wrap:wrap;overflow-y:auto}.panel#work .content .work{width:calc(25% - 40px);padding:20px;transition:opacity 2s transform 2s;overflow:hidden;position:relative}@media(max-width: 768px){.panel#work .content .work{width:calc(100% - 40px)}}.panel#work .content .work g{position:absolute;top:0;left:0;width:100%;height:200%;background:linear-gradient(#0f86c1, #ea4f5f, #fcc910);opacity:0;transition:all 2s;pointer-events:none}.panel#work .content .work h3,.panel#work .content .work p{pointer-events:none}.panel#work .content .work h3{padding:1vw 0 0 0}.panel#work .content .work p{padding:.25vw 0;margin:0}.panel#work .content .work:hover{cursor:pointer}.panel#work .content .work:hover g{opacity:1;top:-100%}.panel#work .content .work:hover .bg-wrapper .bg{transform:scale(1.1)}.panel#work .content .work.active{z-index:10;background:#fc0;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.panel#work .content .work.active .item .bg-wrapper{height:50%}.panel#work .content .work .item{position:relative;transition:all 2s;pointer-events:none;user-select:none}.panel#work .content .work .item .bg-wrapper{overflow:hidden;pointer-events:none;position:relative;width:100%;height:13vw;transition:all 2s}@media(max-width: 768px){.panel#work .content .work .item .bg-wrapper{height:50vw}}.panel#work .content .work .item .bg-wrapper .bg{position:absolute;background-size:cover !important;background-position:center center !important;transition:transform 2s ease-out;width:100%;height:100%}.panel#work .content .work .item .info{text-align:left;color:#121212}.panel#work .detail{z-index:10;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;color:#000;transition:transform 2s;transform:translateY(100%)}.panel#work .detail.active{transform:translateY(0%)}.panel#work .detail.active .content .item .bg-wrapper .bg{background-size:100%;background-position:center 0;transition:background-size 10s ease-out,background-position 10s ease-out}@media(max-width: 768px){.panel#work .detail.active .content .item .bg-wrapper .bg{background-size:95vh}}.panel#work .detail.active .content .item .bg-wrapper .bg.top{background-position:center 0}.panel#work .detail.active .content .item .bg-wrapper .bg.center{background-position:center center}.panel#work .detail.active .content .item .bg-wrapper .bg.bottom{background-position:center bottom}.panel#work .detail .content{width:100%;margin:0 auto;text-align:left;display:block}.panel#work .detail .content .item{width:100%;transition:all 2s;pointer-events:none}.panel#work .detail .content .item .bg-wrapper{background-color:#000;overflow:hidden;pointer-events:none;position:relative;width:100%;height:50vw;max-height:65vh;transition:all 2s}@media(max-width: 768px){.panel#work .detail .content .item .bg-wrapper{height:50vh;max-height:none}}.panel#work .detail .content .item .bg-wrapper .bg{background-repeat:no-repeat;position:absolute;background-size:120%;background-position:center 50%;transition:background-size 2s ease-out,background-position 2s ease-out;width:100%;height:100%}@media(max-width: 768px){.panel#work .detail .content .item .bg-wrapper .bg{background-size:140vh}}.panel#work .detail .content .item .bg-wrapper .screenshots{position:absolute;right:4px;bottom:0;transform:translateY(100%);transition:all 2s 1s;z-index:10}.panel#work .detail .content .item .bg-wrapper .screenshots.active{transform:translateY(0%)}.panel#work .detail .content .item .bg-wrapper .screenshots .s{box-shadow:1px 1px 1px #777;pointer-events:all;background:#000;display:inline-block;width:8.64vw;height:4.3425vw;max-width:96px;max-height:48.25px;margin:0 2px;overflow:hidden;transition:top 1s,box-shadow .5s}@media(max-width: 420px){.panel#work .detail .content .item .bg-wrapper .screenshots .s{width:19.2vw;height:9.65vw}}.panel#work .detail .content .item .bg-wrapper .screenshots .s:hover{box-shadow:0px 0px 1px #777;cursor:pointer}.panel#work .detail .content .item .bg-wrapper .screenshots .s:hover>div{opacity:1;filter:grayscale(0);cursor:pointer}.panel#work .detail .content .item .bg-wrapper .screenshots .s.active{z-index:1;background:#fff;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin:0}.panel#work .detail .content .item .bg-wrapper .screenshots .s.active div{width:76.8vw;height:43.2vw;filter:none;opacity:1}.panel#work .detail .content .item .bg-wrapper .screenshots .s div{pointer-events:all;transition:opacity 1s,transform 2s,filter 1s;background-size:cover !important;filter:grayscale(1);width:100%;height:100%}.panel#work .detail .content .item .info{margin:0 auto;position:relative;max-width:800px;text-align:center;padding:40px 20px;pointer-events:all}@media(min-width: 769px){.panel#work .detail .content .item .info{text-align:left}}.panel#work .detail .content .item .info h3{display:inline-block;user-select:none}.panel#work .detail .content .item .info .link{user-select:none;position:absolute;right:20px;display:inline-block}.panel#work .detail .content .item .info .link:hover{cursor:pointer}.panel#work .detail .content .item .info .link:hover>.icon{opacity:1}.panel#work .detail .content .item .info .link label{display:none}.panel#work .detail .content .item .info .link .icon{user-select:none;display:inline-block;pointer-events:none;background:url(img/link.svg) no-repeat center center;background-size:contain;width:clamp(15px,1.5vw,30px);height:clamp(15px,1.5vw,30px);opacity:.2;transition:all 1s}.panel#work .detail .content .item .info .link span{display:inline-block;opacity:0;user-select:none;pointer-events:none;background:hsla(0,0%,80%,.2666666667);color:#888;font-weight:300;padding:5px 20px;border-radius:20px;position:relative;font-size:75%;left:clamp(-5px,-0.5vw,-10px);top:clamp(-5px,-0.5vw,-10px)}@media(max-width: 420px){.panel#work .detail .content .item .info .link span{left:clamp(10px,1vw,20px);top:clamp(-45px,-4.5vw,-90px)}}.panel#work .detail .content .item .info .link input{width:50px;margin-left:20px;position:fixed;top:-500vh}.panel#work .detail .content .item .info .overview{width:100%;position:relative}@media(min-width: 769px){.panel#work .detail .content .item .info .overview{display:flex}}.panel#work .detail .content .item .info .overview .l{flex-grow:1;width:80%}@media(min-width: 769px){.panel#work .detail .content .item .info .overview .r{width:20%}}.panel#work .detail .content .item .info .overview .r.empty{display:none}.panel#work .detail .content .item .info .overview .links .list{padding-left:10px}@media(max-width: 768px){.panel#work .detail .content .item .info .overview .links .list{margin-top:40px;padding-left:0}}.panel#work .detail .content .item .info .overview .links .list ul{margin:0;list-style-type:none;padding:0}.panel#work .detail .content .item .info .overview .links .list ul li{padding:0;margin:0;margin-bottom:10px}.panel#work .detail .content .item .info .overview .links .list ul li a{color:#ea4f5f;transition:color 1s}.panel#work .detail .content .item .info .overview .links .list ul li a:hover{color:#0f86c1}.panel#work .detail .screenshot-viewer{overflow-y:auto;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;pointer-events:none;transform:translateY(100%);transition:background 3s,transform 2s;z-index:10}.panel#work .detail .screenshot-viewer.active{background:rgba(0,0,0,.8);transform:translateY(0);pointer-events:all}.panel#work .detail .screenshot-viewer .content{margin:auto;background-size:cover;width:76.8vw;height:38.6vw;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:scale(0);transition:opacity 3s,transform 3s}.panel#work .detail .screenshot-viewer .content.active{opacity:1;transform:scale(1)}.panel#work .detail .screenshot-viewer .content .screenshot{transition:all 2s;display:inline-block;width:100%;height:100%}.panel#work .detail .screenshot-viewer .content .screenshot div{position:relative;transition:all 2s;background-size:cover;width:95%;left:2.5%;top:2.5%;height:95%}.panel#work .detail .screenshot-viewer .arrow{pointer-events:none;width:5vw;height:5vw;max-width:50px;max-height:50px;opacity:0;transition:all 1s}.panel#work .detail .screenshot-viewer .arrow.arrow-left{padding-left:20px}.panel#work .detail .screenshot-viewer .arrow.arrow-right{padding-right:20px}.panel#work .detail .screenshot-viewer .arrow svg{width:100%;height:100%}.panel#work .detail .screenshot-viewer .arrow svg *{fill:#fff}.panel#work .detail .screenshot-viewer .arrow.active{opacity:.2;pointer-events:all}.panel#work .detail .screenshot-viewer .arrow:hover{opacity:1;cursor:pointer}p.notes{font-size:clamp(8px,.65vw,10px);line-height:clamp(8px,.65vw,10px);margin-top:clamp(20px,1vw,30px)}.l{text-align:left}.close{background:linear-gradient(#0f86c1, #ea4f5f, #fcc910);position:fixed;top:35px;right:20px;width:40px;height:40px;opacity:1;transition:all 1s;pointer-events:all;transform-origin:50%;z-index:100}.close:hover{transform:scale(1.1);cursor:pointer}.close:before,.close:after{position:absolute;top:10%;left:45%;content:" ";height:80%;width:5%;background-color:#fff;pointer-events:none}.close:before{transform:rotate(45deg)}.close:after{transform:rotate(-45deg)}