@import url(css2.css);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}html{font-size:10px}body{overflow:hidden}canvas{outline:none}#canvas{width:100% !important;height:100% !important}.wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.no-fouc--in{opacity:1 !important;transition:.5s opacity linear}@font-face{font-family:"_NewYork";src:url(../fonts/737ac14dc52bbb901031.woff2) format("woff2"),url(../fonts/69381a98ad5a279793da.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}#loader{background-color:#141414;background-color:#141414;z-index:10001}#loader .loader__bar{background-color:#bbb}.intro{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1}.intro--out{pointer-events:none}.intro__title{color:#fff;margin:0;position:absolute;top:40px;transform-origin:center top;transform:translateY(calc(47vh - 40px)) translateY(-50%) scale(1);transform:translateY(calc(var(--vh, 1vh) * 47 - 40px)) translateY(-50%) scale(1);pointer-events:none}.intro--out .intro__title{transform:translateY(0) scale(0.25);transition:all .75s ease-in-out}@media(max-width: 640px){.intro--out .intro__title{transform:translateY(0) scale(0.35)}}.intro__title.no-transition{transition:none}.intro__title h1{font-size:min(20vw,20rem);font-family:"_NewYork";font-weight:normal;white-space:nowrap}.intro__title h1 span{opacity:0;transform:translateY(50px);display:inline-block}.intro__title h1 span.in{opacity:1;transition:.5s all cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateY(0px)}.intro__subtitle{position:absolute;top:50%;right:0;width:min(18vw,150px);height:min(18vw,150px);background-image:url(../fonts/e4b4f466a8acfa6ccf02.svg);background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;-webkit-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;filter:blur(5px);opacity:0}.intro__subtitle--in{transition:1s all linear;filter:blur(0px);opacity:1}.intro__subtitle--out{transition:.5s all linear;opacity:0}@-webkit-keyframes rotate{0%{transform:translateX(50%) translateY(-50%) translateY(-60%) rotate(0deg)}100%{transform:translateX(50%) translateY(-50%) translateY(-60%) rotate(-359deg)}}@keyframes rotate{0%{transform:translateX(50%) translateY(-50%) translateY(-60%) rotate(0deg)}100%{transform:translateX(50%) translateY(-50%) translateY(-60%) rotate(-359deg)}}.intro__cta{position:absolute;cursor:pointer;width:190px;top:0;transform:translateY(70vh) translateY(-50%) scale(1);transform:translateY(calc(var(--vh, 1vh) * 70)) translateY(-50%) scale(1);filter:blur(5px);opacity:0}.intro--out .intro__cta{opacity:0;transition:all .5s linear}@media(max-width: 640px){.intro__cta{transform:translateY(65vh) translateY(-50%) scale(1);transform:translateY(calc(var(--vh, 1vh) * 65)) translateY(-50%) scale(1)}}.intro__cta--in{transition:1s all linear;filter:blur(0px);opacity:1}.hint{position:fixed;top:30%;left:50%;text-align:center;color:#fff;font-family:"DM Sans",sans-serif;font-size:2rem;transform:translate(-50%, -50%);opacity:0;filter:blur(5px);pointer-events:none}.hint--in{opacity:1;filter:blur(0px);transition:2s all ease-out}.hint--out{opacity:0;filter:blur(5px)}.outro{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;font-family:"DM Sans",sans-serif;font-size:2.5rem;text-align:center;padding:10vw;box-sizing:border-box;opacity:0;filter:blur(5px);pointer-events:none;transform:translateY(-10px)}.outro.transition{transition:2s all ease-out}@media(max-width: 640px){.outro{font-size:2rem}}.outro--in{opacity:1;filter:blur(0px);transform:translateY(0px);pointer-events:auto}.outro p{max-width:750px;line-height:1.5;margin:0}.outro p:first-of-type{margin-top:50px}.outro__cta{cursor:pointer;width:190px;margin-top:50px}.vsh-scrollbar-0,.vsh-scrollbar-1{opacity:0;transition:1s opacity linear;background-color:rgba(255,255,255,.23) !important;mix-blend-mode:normal !important;width:2px !important;pointer-events:none}.vsh-scrollbar-0--in,.vsh-scrollbar-1--in{pointer-events:auto;opacity:1}@media(max-width: 640px){.vsh-scrollbar-0,.vsh-scrollbar-1{right:5px !important}}.vsh-scrollbar__handle-0,.vsh-scrollbar__handle-1{background-color:#fff !important;width:100% !important;left:0% !important}.sound-btn{width:58px;height:20px;position:fixed;left:110px;display:flex;justify-content:space-evenly;align-items:center;cursor:pointer;opacity:0;pointer-events:none}.sound-btn--in{opacity:1;transition:1s opacity linear;pointer-events:auto}@media(max-width: 550px){.sound-btn--in{opacity:.75 !important}}@media(max-width: 1200px){.sound-btn{left:80px}}@media(max-width: 550px){.sound-btn{left:14%;width:44px;height:10px;transform:translateY(5px)}}@media(max-width: 400px){.sound-btn{left:12%}}.sound-btn span{width:1px;height:100%;background:#fff;transform:scaleY(0.1);transition:1s background linear;transform-origin:bottom}.about-btn{position:fixed;right:110px;font-size:2rem;color:#fff;cursor:pointer;border-radius:50px;font-family:"DM Sans",sans-serif;pointer-events:none;opacity:0;transition:.75s opacity ease-in-out}.about-btn--in{pointer-events:auto;opacity:1 !important}@media(max-width: 550px){.about-btn--in{opacity:.75 !important}}@media(max-width: 1200px){.about-btn{right:80px}}@media(max-width: 640px){.about-btn{font-size:1.6rem}}@media(max-width: 550px){.about-btn{right:14%}}@media(max-width: 400px){.about-btn{right:12%}}.close-btn{position:fixed;right:110px;cursor:pointer;pointer-events:none;opacity:0;width:31px;height:31px;transition:.75s opacity linear;transform:rotate(45deg)}@media(max-width: 1200px){.close-btn{right:80px}}@media(max-width: 1000px){.close-btn{right:6%}}.close-btn--in{pointer-events:auto;opacity:1 !important}.close-btn--in div:first-child{-webkit-animation:closeInX .75s ease-in-out 1;animation:closeInX .75s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}.close-btn--in div:last-child{-webkit-animation:closeInY .75s ease-in-out 1;animation:closeInY .75s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:.5s;animation-delay:.5s}.close-btn--out{opacity:0 !important}.close-btn--out div:first-child{-webkit-animation:closeOutX .5s ease-in-out 1;animation:closeOutX .5s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-fill-mode:both}.close-btn--out div:last-child{-webkit-animation:closeOutY .5s ease-in-out 1;animation:closeOutY .5s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:.25s;animation-delay:.25s}.close-btn div{position:absolute;background:#fff}.close-btn div:first-child{width:100%;height:1px;top:50%;left:0;transform-origin:0 50%}.close-btn div:last-child{width:1px;height:100%;top:0;left:50%;transform-origin:50% 100%}@-webkit-keyframes closeInX{0%{transform:scaleX(0)}100%{transform:scaleX(100%)}}@keyframes closeInX{0%{transform:scaleX(0)}100%{transform:scaleX(100%)}}@-webkit-keyframes closeInY{0%{transform:scaleY(0)}100%{transform:scaleY(100%)}}@keyframes closeInY{0%{transform:scaleY(0)}100%{transform:scaleY(100%)}}@-webkit-keyframes closeOutX{0%{transform:scaleX(100%)}100%{transform:scaleX(0%)}}@keyframes closeOutX{0%{transform:scaleX(100%)}100%{transform:scaleX(0%)}}@-webkit-keyframes closeOutY{0%{transform:scaleY(100%)}100%{transform:scaleY(0%)}}@keyframes closeOutY{0%{transform:scaleY(100%)}100%{transform:scaleY(0%)}}.about{position:absolute;top:0;left:0;width:100%;pointer-events:none;opacity:0;color:#fff;display:flex;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.about--in{pointer-events:auto;opacity:1;transition:1s background-color linear}@media(max-width: 1050px){.about--in{background-color:rgba(10,8,191,.2)}}.about__content{left:50%;width:50%;margin-left:auto;padding:250px 15% 250px 0;box-sizing:border-box}@media(max-width: 1050px){.about__content{width:55%}}@media(max-width: 1000px){.about__content{width:100%;padding:200px 15% 200px 15%}}@media(max-width: 600px){.about__content{padding:200px 10% 200px 10%}}.about h2{font-size:5rem;font-family:"_NewYork";text-transform:uppercase;font-weight:normal;margin-top:100px}@media(max-width: 550px){.about h2{font-size:4rem}}.about p{font-size:2rem;font-family:"DM Sans",sans-serif;line-height:1.5}.about p a{margin-top:10px;display:block;text-decoration:underline;color:#fff}.about__p-music{margin-top:100px}.about__p-music a{display:inline !important}.reference{border-bottom:1px solid #fff;display:flex;justify-content:space-between;align-items:center;padding:30px 0}.reference__title{font-size:3rem;font-family:"DM Sans",sans-serif;font-weight:bold;text-transform:uppercase}.reference source-link{cursor:pointer}@media(max-width: 1350px){.reference{flex-direction:column;align-items:flex-start}}@media(max-width: 1000px){.reference{flex-direction:row;align-items:center;padding:25px 0}}@media(max-width: 720px){.reference__title{font-size:2.5rem}}@media(max-width: 640px){.reference{flex-direction:column;align-items:flex-start}}
roll-title{position:relative}.roll-title div:last-child{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.roll-title div:last-child:after{content:attr(data-content);position:absolute;top:0;left:0}.roll-title{perspective:500px}