@font-face{font-family:'harmogram-icons';src:url("fonts/icomoon.eot");src:url("fonts/icomoon.eot?#iefix") format("embedded-opentype"),url("fonts/icomoon.woff") format("woff"),url("fonts/icomoon.ttf") format("truetype"),url("fonts/icomoon.svg#icomoon") format("svg");font-weight:normal;font-style:normal}[data-icon]{font-size:0;text-decoration:none}[data-icon]:before{font-family:'harmogram-icons';content:attr(data-icon);font-size:1.4rem;speak:none;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased}@-webkit-keyframes spin{0%{transform:rotate3d(0, 0, 1, 0deg)}100%{transform:rotate3d(0, 0, 1, 720deg)}}@font-face{font-family:'entypo';src:url("fonts/entypo.eot");src:url("fonts/entypo.eot?#iefix") format("embedded-opentype"),url("fonts/entypo.svg#entypo") format("svg"),url("fonts/entypo.woff") format("woff"),url("fonts/entypo.ttf") format("truetype");font-weight:normal;font-style:normal}[data-hazicon]::before{font-family:'entypo';content:attr(data-hazicon);display:inline-block;color:inherit}.header{width:60rem;height:7rem;padding:0 0rem 0.5rem 0rem;overflow:hidden;background:rgba(255,255,255,0.1);position:fixed;transform:translate3d(0, 0, 0);z-index:10000;transition:all 0.25s ease-out;border-bottom:rgba(179,179,179,0.1) solid 1px}.header .header__logo{font-size:2rem;line-height:7rem;padding-left:5rem;display:inline-block;vertical-align:top;text-align:right;color:#4d4d4d;opacity:0.3;font-family:"jubilat", serif;transition:all 0.25s ease-in}.header:hover{background-color:#fff}.header:hover .header__logo{opacity:1}.header__about{border-top:#eae6dc solid 1px;opacity:0;padding-right:5rem;width:100%;color:#4d4d4d;position:absolute;display:block;left:0;padding-left:5rem;padding-top:2rem}.header__about h2{font-size:1.6rem;margin-bottom:1rem;margin-top:2.4rem}.header__about p{width:100%;text-align:left;font-size:1.5rem;line-height:1.5}.header__trigger{position:absolute;right:1.5rem;opacity:0;top:2.8rem;text-decoration:none;transition:all 0.25s ease-out;text-align:center}.header__trigger:hover{opacity:0.9}.header__aboutcredit{margin-top:3.5rem;text-align:right !important}.menu{position:absolute;right:0;top:0;vertical-align:top;bottom:0;height:7rem;line-height:7rem;display:block;width:40rem;z-index:9999999}.menu li{display:inline-block;text-align:center;float:left;height:7rem;width:25%}.menu a{display:block;height:7rem;transition:all 0.25s ease-out;opacity:0.1;background-color:transparent;padding-top:7px}.menu a.menu--active{background-color:rgba(255,255,255,0.2);opacity:1}.menu_desc{display:block;transition:all 0.4s linear;position:absolute;bottom:-1rem;text-align:center;width:100%;left:0;color:#333;opacity:0;line-height:2rem;font-size:1.2rem;transform:translate3d(0, 0, 0)}.menu li:hover{background-color:rgba(255,255,255,0.8);color:#222;opacity:1;line-height:5.5rem;transition:all 0.1s ease-out}.menu li:hover a{opacity:0.8 !important}.menu li:hover .menu_desc{opacity:1;transition:all 0.4s ease-out -0.05s;transform:translate3d(0, -2rem, 0)}.menu a:active{color:black;line-height:3rem}.menu a:active .menu_desc{transition:all 0.6s cubic-bezier(0, -1.27, 0.75, 0.75);transform:translate3d(0, -1rem, 0)}.header:hover{background-color:rgba(255,255,255,0.7)}.header:hover .menu__item{opacity:0.5}.header:hover .header__trigger{opacity:0.5}.open--about .header{padding-bottom:30rem;background-color:#fff}.open--about .header__logo{opacity:1}.open--about .header__about{transition:all 0.5s ease-out 0.4s;opacity:1}.open--about #about-trigger{opacity:1}.track__wrap{position:relative;top:0%;padding:20% 5% 10%;left:0;width:40rem;height:auto;padding-left:6rem;z-index:9;-webkit-backface-visibility:hidden;transition:all 0.4s ease-out, transform 0.4s ease-out 0s}.track__wrap:before{content:"Tracks";font-size:8rem;float:left;text-align:center;margin-left:0rem;margin-top:-13rem;font-family:"jubilat", serif;font-weight:bold;opacity:0.03}.track__model{transition:all 0.4s ease-out, transform 0.4s ease-out 0.5s;position:relative;display:block;width:100%;height:0;padding-bottom:10rem;margin-bottom:6rem;opacity:0.25}.track__model img{visibility:hidden}.track__model:hover,.track__model.active{opacity:1}.track__model.active{transition:all 0.4s ease-out, transform 0.4s ease-out 0s;transform:translate3d(5rem, 0, 0)}.track__model:not(.active){transform:translate3d(-40rem, 0, 0)}.track__wrap:hover .track__model{transition:all 0.4s ease-out, transform 0.4s ease-out 0s;transform:translate3d(0, 0, 0)}.track__wrap:hover .track__model.active{transition:all 0.4s ease-out, transform 0.4s ease-out 0.5s;transform:translate3d(1rem, 0, 0)}.track__image{border:rgba(255,255,255,0.1) solid 1px;display:inline-block;background-color:white;overflow:hidden;position:relative;-webkit-filter:sepia(0.5);border-radius:100%;width:8.4rem;height:0;padding-bottom:8.4rem;background-size:cover}.track__info{vertical-align:top;margin-top:2.3rem;margin-left:0.4rem;display:inline-block;width:60%}.track__info .track__artist{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.3rem;color:#1a1a1a;margin-bottom:0.4rem;transition:all 0.4s ease-out}.track__info .track__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#1a1a1a;font-size:1.2rem;transition:all 0.4s ease-out;-webkit-font-smoothing:antialiased !important}.active .track__info .track__artist,.active .track__info .track__title{color:red;color:rgba(0,0,0,0.6);overflow:auto;white-space:normal;text-overflow:ellipsis}.active .track__info .track__artist:first-line,.active .track__info .track__title:first-line{color:#1A1A1A}.open--channels .track__wrap{position:fixed;transform:translate3d(20rem, 0, 0);opacity:0;pointer-events:none}.open--channels .track__wrap .track__model{transform:translate3d(0, 0, 0)}.open--channels .track__wrap .track__model.active{transform:translate3d(3rem, 0, 0)}.open--channels .track__wrap .track__info{opacity:0}.open--controls .track__wrap{position:fixed;transform:translate3d(-40rem, 0, 0);opacity:0}.channel__wrap{height:100%;width:40rem;position:absolute;top:0;padding-left:5rem;padding-top:20%;transition:all 0.4s ease-out, transform 0.4s ease-out 0s;transform:translate3d(-40rem, 0, 0)}.channel__wrap:before{content:"Channels";font-size:8rem;float:left;text-align:center;margin-left:0rem;margin-top:-13rem;font-family:"jubilat", serif;font-weight:bold;opacity:0.03}.channel__current{position:fixed;display:none;z-index:-10;font-size:10rem;top:0rem;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"jubilat", serif;left:-2rem;width:55rem;transform-origin:0 100%;line-height:1;opacity:0.02;transform:translate3d(0, 0, 0) rotateZ(90deg)}.channel__trigger{position:absolute;left:0;top:0;width:3rem;bottom:0;height:100%}.channel__trigger:hover{background-color:rgba(255,255,255,0.5)}.channelsOpen:not(.inputOpen) .channel__trigger--back{position:absolute;right:1.6rem;top:0;width:3rem;bottom:0;height:100%;z-index:88}.channelsOpen:not(.inputOpen) .channel__trigger--back:hover{background-color:rgba(255,255,255,0.5)}.channel__model{margin-bottom:6rem;opacity:0.5}.channel__model:hover{opacity:1}.channel__model.channel--active{opacity:1;transition:all 0.4s ease-out, transform 0.4s ease-out 0s;transform:translate3d(5rem, 0, 0)}.open--channels .channel__wrap{position:relative;transform:translate3d(0, 0, 0)}.open--input .channel__wrap{position:fixed;transform:translate3d(20rem, 0, 0);opacity:0;pointer-events:none}.trackinput{height:100%;width:34.2rem;position:absolute;padding-top:10rem;top:0;text-align:center;padding-left:5rem;transition:all 0.4s ease-out, transform 0.4s ease-out 0s;transform:translate3d(-40rem, 0, 0)}.trackinput label{display:block;border-top:1px solid rgba(0,0,0,0.3);width:100%;padding-top:2rem;font-size:1.8rem}.trackinput label:after{content:"";display:block;position:absolute;width:100%;left:0;top:14rem;border-bottom:1px solid rgba(0,0,0,0.3)}.trackinput label span{line-height:2;display:block;color:#4d4d4d;font-size:1.2rem}.trackinput input{background-color:rgba(255,255,255,0.2);border-color:rgba(0,0,0,0.2);padding:0.5rem;height:2.6rem}.trackinput input:focus{outline:none;border-color:rgba(0,0,0,0.4)}.trackinput__submit{font-size:1.2rem;text-decoration:none;color:#4d4d4d;padding:0.5rem 1rem;background-color:#4d4d4d;color:white;display:inline-block;margin-top:2rem}.inputOpen .trackinput{z-index:99;transform:translate3d(0, 0, 0)}.open--input .channel__trigger--back{position:absolute;right:-4.3rem;top:0;width:3rem;bottom:0;height:100%;z-index:88}.open--input .channel__trigger--back:hover{background-color:rgba(255,255,255,0.5)}.controls{transform:translate3d(40rem, 0, 0);opacity:0;position:fixed;left:3rem;top:0rem;z-index:9999;width:40rem;padding-bottom:6rem;padding-top:20%;height:auto;transition:all 0.4s ease-out, transform 0.4s ease-out 0s}.controls:before{content:"Controls";font-size:8rem;float:left;text-align:center;margin-left:3rem;margin-top:-13rem;font-family:"jubilat", serif;font-weight:bold;opacity:0.03}.controls .controls__wrap{padding:0 5rem;margin-bottom:20rem}.controls li{display:inline-block}.controls .controls__button{display:block;margin-bottom:1rem;padding:1rem 0.5rem;border-bottom:1px solid rgba(0,0,0,0.2);transition:all 0.4s ease-out;margin-top:1rem}.controls .controls__button input{display:inline-block;transition:all 0.4s ease-out;width:2rem;margin-right:0.4rem;border-radius:100%;float:right;background-color:rgba(0,0,0,0.1);height:2rem;-webkit-appearance:none}.controls .controls__button input:checked{background-color:red}.controls .controls__button:hover{background-color:rgba(255,255,255,0.3)}.controls .controls__button.controls--active input{background-color:rgba(0,0,0,0.25);border-radius:100%;color:white}.controls .controls__button.controls--active input:after{content:"";position:absolute;top:24%;left:24%;right:24%;bottom:24%;border-radius:inherit;background-color:rgba(0,0,0,0.45);display:block}.presets{width:100%;padding:0;margin:0}.presets .presets__single{width:18.2rem;height:18.2rem;padding:2rem}.presets .presets__box{box-shadow:0 0 0 1px black;display:block;height:100%;width:100%}.controls__range{width:100%;height:5rem;display:block !important}.controls__range label{margin-top:1rem;margin-left:0.8rem;display:block;position:absolute}.controls__range input[type='range']{display:block;width:100%;-webkit-appearance:none;margin-bottom:1rem;background-color:rgba(255,255,255,0);height:4rem;border-bottom:1px solid rgba(0,0,0,0.2);width:100%;display:block;overflow:hidden}.controls__range input[type='range']::-webkit-slider-thumb{transition:all 0.4s ease-out;-webkit-appearance:none !important;border-radius:0;background-color:rgba(255,255,255,0.2);border:1px solid rgba(0,0,0,0.1);border-top:1px solid rgba(0,0,0,0.1);height:3.5rem;top:0px;width:2rem}.controls__range input[type='range']:hover::-webkit-slider-thumb{background-color:rgba(255,255,255,0.8)}.controls__range input[type='range']:after{content:attr(data-control-method-value);position:absolute;font-size:2rem;color:rgba(0,0,0,0.2);right:0.6rem;top:0.7rem}.controls__range.controls__range--vert{-webkit-appearance:slider-vertical;height:10rem}.open--controls .controls{position:relative;transform:translate3d(0rem, 0, 0);opacity:1}.controls__section{display:block;margin-top:2rem;width:100%;float:none}.controls__sectitle{font-size:2rem;font-weight:bold;color:rgba(0,0,0,0.2);margin-bottom:1rem;display:block}.controls--hided{opacity:0;pointer-events:none;position:absolute;transform:translate3d(0, 5rem, 0);transition:all 0.4s ease-out;height:0}.controls--tohide{height:5rem;transition:all 0.4s ease-out,transform 0s ease-out 0s,height 0s linear 0s;pointer-events:auto}.controls--hided,controls--tohide{transition:all 0.4s ease-out}.controls--hideswitch.controls--active ~ .controls--hided{position:relative;transition:all 0.4s ease-out, transform 0s ease-out 0s;transform:translate3d(0, 0, 0);pointer-events:auto;height:5rem;opacity:1}.controls--hideswitch.controls--active ~ .controls--hided.controls__button{height:4rem}.controls--hideswitch.controls--active ~ .controls--tohide{height:0;pointer-events:none;transition:all 0.4s ease-out, transform 0s ease-out 0.4s;opacity:0}*,*:before,*:after{box-sizing:border-box}*{position:relative;margin:0;padding:0}body{font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif}body,html{padding:0;margin:0}html{font-size:65.5%;overflow:auto;background-color:#F0EDE6}body{font-size:1.6rem;width:100%;display:block;min-height:100%}a{color:inherit}blockquote{border-left:1px solid rgba(236,232,223,0.9);padding:1rem 2rem 1rem;font-style:italic;margin:0 0 2rem}blockquote cite{font-style:normal;opacity:0.8;display:block;font-size:0.8em;text-align:right}.container{width:100%;overflow:hidden}.container:after{content:"";display:table;clear:both}.wrap{transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.wrap:after{content:"";display:table;clear:both}footer{top:auto;bottom:0}footer p{padding-left:5%;padding-bottom:2.5%;font-size:1.4rem}.color{z-index:3;position:absolute;top:0;bottom:0;left:0;right:0;background-color:#F0EDE6;transition:all 0.25s linear;-moz-transition:all 0.25s linear;transition:all 0.25s linear}.isle{width:100%;padding-bottom:60%;position:relative;left:0;display:block;z-index:3;margin-bottom:130%}.isle section{display:block;height:100%}.isle section:after{content:"";display:table;clear:both}.isle:first-child{margin-top:30%}.isle .sample{display:inline-block;background-color:#f24021;width:30%;padding-bottom:30%;margin-top:5%;margin-left:5%;margin-right:-2.5%}.isle h1{font-size:4rem;color:inherit}.isle h2{width:100%;height:auto;word-wrap:break-word;display:block}.isle .details{vertical-align:top;padding-top:3%;padding-left:5%;margin-right:2.5%;display:inline-block}.isle .others{padding-top:5%;padding-bottom:7.5%;margin-left:5%}.isle .others p{color:inherit;font-size:1.6rem;position:relative;line-height:2}.isle .others .color_type{text-align:left;width:6rem;display:inline-block}.isle .others .color_type:after{content:"";display:inline-block;float:right}.isle .others .color_val{font-weight:bold}body{opacity:1;transition:opacity 0.25s linear;-moz-transition:opacity 0.25s linear;transition:opacity 0.25s linear}.wf-loading:not(.wf-inactive) body{opacity:0}canvas{position:fixed;left:0;top:0;right:0;bottom:0;z-index:-1;transform:translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);-webkit-backface-visibility:hidden;-webkit-perspective:1000;background-size:auto 60%;background-repeat:no-repeat}.canvas_spin{-webkit-animation:spin 120s infinite;-webkit-animation-timing-function:linear}.not_chrome{overflow:hidden}.no_chrome_msg{text-align:left;display:none}.no_chrome_msg h1{font-family:"jubilat", serif;font-size:3rem;font-weight:bold;padding-bottom:13rem;color:rgba(0,0,0,0.5)}.no_chrome_msg h2{line-height:1.6;font-weight:bold;font-size:4rem}.no_chrome_msg h3{line-height:1.4}.no_chrome_msg .no_chrome_logo{position:fixed;width:50rem;line-height:40rem;z-index:-2;text-align:center;color:rgba(202,191,166,0.3);height:50rem;right:50%;bottom:50%;margin-right:-25rem;margin-bottom:-25rem}.no_chrome_msg .no_chrome_logo:before{font-size:42rem;line-height:50rem}.not_chrome .no_chrome_msg{display:block;position:absolute;padding:5% 10%;top:0;left:0;right:0;bottom:0;background-color:#F0EDE6;z-index:9999999}