*,*:after,*:before{box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;tap-highlight-color:rgba(0,0,0,0)}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}table{border-spacing:0;border-collapse:collapse}input,textarea,button,select{font-family:inhert;font-size:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none}select{text-indent:.01px;text-overflow:"";border:0;border-radius:0}select::-ms-expand{display:none}code,pre{font-family:monospace,monospace;font-size:1em}@font-face{font-family:"apercu_mono";font-weight:normal;font-style:normal;src:url("../font/apercu-mono.eot");src:url("../font/apercu-mono.eot?#iefix") format("embedded-opentype"),url("../font/apercu-mono.woff") format("woff"),url("../font/apercu-mono.woff2") format("woff2"),url("../font/apercu-mono.ttf") format("truetype")}html,body{font-family:"apercu_mono";font-size:15px;line-height:1.333;letter-spacing:-0.3px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;padding-top:70px;background-color:#241f21}header{position:fixed;top:0;left:50%;z-index:5;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:80%;height:70px;max-width:1230px;background-color:inherit;transform:translate(-50%, 0)}header:before{position:absolute;top:0;left:0;left:50%;z-index:1;width:100vw;height:100%;min-height:70px;content:"";background-color:inherit;transform:translate(-50%, 0)}header:after{position:absolute;bottom:0;left:50%;z-index:2;display:block;width:100vw;height:1px;content:"";background-color:rgba(255,255,255,.3);transform:translate(-50%, 0)}header a{z-index:2;margin-left:24px;color:rgba(255,255,255,.5);text-decoration:none}header a:hover{color:#fff}header a:first-child{margin-left:0;margin-right:auto;color:#fff}footer{position:relative;display:flex;width:80%;max-width:1230px;margin:0 auto;align-items:center;justify-content:space-between}footer:after{position:absolute;top:0;left:50%;z-index:1;display:block;width:100vw;height:1px;content:"";background-color:rgba(255,255,255,.3);transform:translate(-50%, 0)}footer .legal{position:relative;z-index:2;padding:20px 0;color:rgba(255,255,255,.5)}footer .legal>div:last-child a{color:inherit;text-decoration:none}footer .legal>div:last-child a:hover{color:#fff}footer .social{display:flex;margin:0 -10px}footer .social a{display:block;width:20px;height:20px;margin:0 10px;background-image:url("../gfx/social.png");background-repeat:no-repeat;background-position-y:top;background-size:300% auto}footer .social a.facebook{background-position-x:left}footer .social a.instagram{background-position-x:right}footer .social a:hover{background-position-y:bottom}.media .image{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}section{position:relative}section .area{position:relative;width:80%;max-width:1230px;margin:0 auto}section .area:before{display:block;content:""}section .info{position:absolute;z-index:3;width:170px;overflow:hidden;color:#7b787a}section .media{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}article{width:600px;margin:0 auto;margin-bottom:60px;color:#fff}article .detail:after{display:block;clear:both;content:""}article .detail div{width:calc((38 / 80) * 100%);margin-bottom:40px;overflow:hidden}article .detail div:before,article .detail div:after{display:block;color:rgba(255,255,255,.5);font-size:15px}article .detail div:after{display:block;height:15px;content:"⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄";word-wrap:break-word;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}article .detail div.title{width:100%;margin-bottom:45px;font-size:42px}article .detail div.title:before{content:"Release Title"}article .detail div.artist{float:left}article .detail div.artist:before{content:"Artists"}article .detail div.date{float:right}article .detail div.date:before{content:"Release Date"}article .detail div.catalogue{float:right;clear:both}article .detail div.catalogue:before{content:"Release No."}article .detail div.format{float:right;clear:both}article .detail div.format:before{content:"Formats"}@media(max-width: 600px){article .detail div{float:none !important;width:100%}}@media(max-width: 600px){article .detail div{margin-bottom:30px}}@media(max-width: 750px){article{width:80%;margin-bottom:calc((4 / 82) * 100%)}}@media(max-width: 600px){article{margin-bottom:30px}}main{width:80%;max-width:1230px;padding:60px 0 100px;margin:0 auto}main h1,main h2{display:inline-block;color:#7b787a}main h1:after{display:block;height:15px;overflow:hidden;content:"⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄";word-wrap:break-word;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main p,main li{color:#fff;line-height:1.333}main li{margin-left:30px}main p:not(:last-child),main ol:not(:last-child),main ul:not(:last-child){margin-bottom:15px}main ol li{list-style:decimal}main ul li{list-style:disc}main p a{color:inherit;text-decoration:none}.block{margin-bottom:45px}.block:last-child,.block:only-child,.block.block_title{margin-bottom:0}@media(max-width: 600px){.block{margin-bottom:30px}}.block_copy a{color:rgba(255,255,255,.5)}.block_image .media{position:relative}.block_image .media.small{width:100%}.block_image .media.large{width:80vw;margin-left:calc(-40vw + 50%)}@media(min-width: 1538px){.block_image .media.large{width:calc((82 / 40) * 100%);margin-left:calc(((21 / 40) * 100%)*-1)}}.block_image .media:before{display:block;padding-bottom:50%;content:""}.block_link{margin-right:calc(-50% - 15px);overflow:hidden}.block_link a{position:relative;display:block;float:right;width:calc((41 / 61) * 100%);padding:15px 20px;margin-bottom:calc((2 / 61) * 100%);color:inherit;text-decoration:none;border:1px solid rgba(255,255,255,.5)}.block_link a:after{position:absolute;top:50%;right:15px;width:11px;height:11px;content:"";border:1px solid #fff;border-radius:100%;transform:translate(0, -50%)}.block_link a:only-child,.block_link a:last-child{margin-bottom:0}@media(max-width: 1538px){.block_link{margin-right:0}.block_link a{width:100%}}.block_quote{position:relative;height:0;margin-left:calc(((21 / 40) * 100%)*-1)}.block_quote:after{display:block;width:calc((61 / 61) * 100%);height:15px;overflow:hidden;color:rgba(255,255,255,.5);content:"⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄";word-wrap:break-word;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.block_quote blockquote{position:absolute;bottom:0;width:calc((19 / 61) * 100%);padding-bottom:10px;font-size:34px}@media(max-width: 1538px){.block_quote{height:auto;margin-left:0}.block_quote blockquote{position:relative;width:100%}}.block_image+.block_quote,.block_video+.block_quote{height:auto}.block_image+.block_quote blockquote,.block_video+.block_quote blockquote{position:relative}.block_title{color:rgba(255,255,255,.5)}@media(max-width: 1538px){.block_title+.block_link{margin-top:10px}}.block_tracklist{overflow:hidden}.block_tracklist:before,.block_tracklist:after{display:block;color:rgba(255,255,255,.5);font-size:15px}.block_tracklist:before{content:"Tracklist"}.block_tracklist:after{display:block;height:15px;content:"⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄";word-wrap:break-word;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.block_tracklist .track{position:relative;padding-left:3em;counter-increment:step-counter}.block_tracklist .track:before,.block_tracklist .track:after{position:absolute;top:0}.block_tracklist .track:before{left:0;display:block;width:1.2em;color:rgba(255,255,255,.5);content:counter(step-counter)}.block_tracklist .track:after{left:1.8em;content:" ⁄ "}.block_video{position:relative;width:80vw;margin-left:calc(-40vw + 50%)}.block_video.active .media{z-index:1}.block_video.active iframe{z-index:3}.block_video .control{position:absolute;bottom:60px;left:50%;z-index:3;width:600px;padding:15px 20px;text-align:center;transform:translate(-50%, 0);cursor:pointer}.block_video .control:before{content:"Play"}@media(max-width: 1230px){.block_video .control{bottom:calc((4 / 40) * 100%)}}@media(max-width: 840px){.block_video .control{width:300px}}@media(max-width: 600px){.block_video .control{width:auto}}.block_video .media{position:relative;z-index:2}.block_video .media:before{display:block;padding-bottom:56.25%;content:""}.block_video .media:after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:"";background-color:inherit;opacity:.4}.block_video iframe{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}@media(min-width: 1538px){.block_video{width:calc((82 / 40) * 100%);margin-left:calc(((21 / 40) * 100%)*-1)}}nav{position:relative;width:80%;height:70px;max-width:1230px;margin:0 auto}nav:before{position:absolute;left:0;left:50%;display:block;width:100vw;height:1px;content:"";background-color:rgba(255,255,255,.3);transform:translate(-50%, 0)}nav:before{top:0}nav a{float:left;width:calc((41 / 82) * 100%);height:100%;color:rgba(255,255,255,.5);text-decoration:none}nav a:before{position:absolute;top:50%;transform:translate(0, -50%)}nav a:first-child{border-right:1px solid rgba(255,255,255,.3)}nav a:first-child:before{left:0;content:"Previous Project"}nav a:last-child:before{right:0;content:"Next Project"}nav a:hover{color:#fff}@media(max-width: 600px){nav a:first-child:before{content:"Previous"}nav a:last-child:before{content:"Next"}}section.intro{padding:60px 0 100px}section.intro .area:before{padding-bottom:39.593%}@media(max-width: 750px){section.intro .area:before{content:none}}section.intro .info{bottom:-4px;left:0}section.intro .info .url{color:inherit;text-decoration:none}section.intro .info .url:before,section.intro .info .url:after{display:block;height:15px;overflow:hidden;content:"⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄";word-wrap:break-word;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}section.intro .info .url span:not(:last-child){margin-right:4px}@media(max-width: 750px){section.intro .info{position:static}}section.intro .logo{position:absolute;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background-image:url("../gfx/logo.png");background-repeat:no-repeat;background-position:right;background-size:contain;opacity:.75}@media(max-width: 750px){section.intro .logo{position:relative;width:100%;height:auto;margin-bottom:calc((4 / 40) * 100%);background-image:url("../gfx/logo.png");background-size:100%}section.intro .logo:after{display:block;width:0;height:0;padding-bottom:100%;content:"";visibility:hidden}}@media(max-width: 600px){section.intro .logo{margin-bottom:30px}}@media(max-width: 1230px){section.intro{padding:calc((4 / 82) * 100%) 0 calc((20 / 246) * 100%)}}@media(max-width: 600px){section.intro{padding:30px 0}}section.feature{padding:50px 0}section.feature:last-of-type{padding-bottom:100px}section.feature .area:hover:after{opacity:.8}section.feature .area:hover .info{opacity:1}section.feature .area:before{padding-bottom:50%}section.feature .area:after{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;content:"";background-color:inherit;transition:opacity 300ms;opacity:0}@media(max-width: 750px){section.feature .area:after{display:none}}section.feature .info{top:50%;left:70px;color:#fff;transform:translate(0, -50%);transition:opacity 300ms;opacity:0}section.feature .info .description:before,section.feature .info .description:after{display:block;height:15px;overflow:hidden;content:"⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄⁄";word-wrap:break-word;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(max-width: 750px){section.feature .info{display:none}}section.feature a{position:absolute;top:0;left:0;z-index:4;width:100%;height:100%}@media(max-width: 1230px){section.feature{padding:calc((10 / 246) * 100%) 0}section.feature:last-of-type{padding-bottom:calc((20 / 246) * 100%)}}@media(max-width: 600px){section.feature:last-of-type{padding-bottom:30px}}section.banner{padding:60px 0}section.banner .area:before{padding-bottom:50%}@media(max-width: 750px){section.banner{padding:calc((4 / 82) * 100%) 0}}@media(max-width: 600px){section.banner{padding:30px 0}}
/*# sourceMappingURL=style.css.map */