/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Crucial Medium by Jehoo Creative
 * URL: https://www.myfonts.com/collections/jehoo-creative-foundry
 
 * © 2025 MyFonts Inc. */@font-face{font-family:CrucialMedium;src:url(./font.Cas7vKki.woff2) format("woff2"),url(./font.BsIGiAZ5.woff) format("woff")}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);display:flex;justify-content:center;align-items:center;z-index:10000;transition:opacity .5s ease-out}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.loading-logo{width:150px;height:150px}.loading-logo img{width:100%;height:100%;object-fit:contain}.loading-bar-container{width:200px;height:4px;background:var(--gray2);border-radius:2px;overflow:hidden}.loading-bar{width:0%;height:100%;background:var(--main-white);transition:width .3s ease-out}.loading-text{font-family:CrucialMedium;color:var(--gray1);font-size:1rem}:root{--bg: #141414;--gray1: #636363;--gray2: #272727;--main-white: #fff;--gradient: linear-gradient(90deg, rgba(64, 52, 51, 1) 0%, rgba(101, 87, 84, 1) 25%, rgba(221, 206, 193, 1) 50%, rgba(184, 186, 162, 1) 75%, rgba(80, 93, 67, 1) 100%)}*{padding:0;margin:0;list-style:none}body{background:var(--bg);color:var(--main-white);overflow-x:hidden;scrollbar-width:thin;-ms-overflow-style:auto}body::-webkit-scrollbar{width:1px;background:transparent}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:0}body::-webkit-scrollbar-thumb:hover{background:#ffffff26}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}*{-ms-overflow-style:auto}h1,h2,.track-title,.links,nav,.contant .link{font-family:CrucialMedium}h2{font-size:7dvh}p{font-family:Times New Roman,Times,serif;font-size:2.3dvh}a{color:var(--main-white);text-decoration:underline dotted .1dvh var(--main-white)}nav{display:flex;flex-direction:column;justify-content:space-between;width:100%;background:#1414145d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;z-index:9999}nav .top{height:3.3dvh;display:flex;width:100%;justify-content:space-between;align-items:center;border-bottom:.1dvh solid var(--gray1)}nav .logo{height:5dvh;padding-left:1dvh}nav .logo img{height:100%}nav ul{display:flex;flex-direction:row;align-items:center;height:100%;padding-right:1dvh}nav li{padding:0 4dvh;height:100%;color:var(--gray1);border-left:.1dvh solid var(--gray1);border-right:none;cursor:pointer;display:flex;font-size:1.5dvh;align-items:center;justify-content:center;position:relative;perspective:1000px;transform-style:preserve-3d;transition:transform .5s}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;cursor:pointer;margin-right:1dvh;z-index:10000;background:none;border:none}.hamburger span{width:100%;height:2px;background-color:var(--gray1);transition:all .3s ease-in-out}nav.active .hamburger span:nth-child(1){transform:translateY(9px) rotate(45deg)}nav.active .hamburger span:nth-child(2){opacity:0}nav.active .hamburger span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}nav.active .navigation{transform:translate(0);opacity:1;pointer-events:all;visibility:visible}.navigation{height:100%;overflow:hidden}nav li:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:300%;background:transparent;pointer-events:auto;z-index:1}nav li span{display:flex;align-items:center;justify-content:center;backface-visibility:hidden;transform-style:preserve-3d;width:100%;height:100%;position:relative;z-index:2}nav li:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;color:var(--bg);display:flex;align-items:center;justify-content:center;transform:rotateX(180deg) translateZ(1.65dvh);backface-visibility:hidden;width:100%;height:100%;z-index:2}nav li:hover{transform:rotateX(180deg)}nav li:last-child{border-right:.1dvh solid var(--gray1)}nav .track-list{color:var(--gray1);padding:1dvh;display:flex;gap:3.3dvh;overflow:hidden}nav .track-list .track{width:max-content;display:flex;gap:.5dvh}nav .track-list .title{font-size:1.6dvh}nav .track-list .track img{height:1dvh}main{overflow-x:hidden;width:100%}main>*{min-height:100dvh;display:flex;width:100%}.landing{align-items:flex-start;flex-direction:column;justify-content:space-between;height:300dvh;position:relative}.scroll-tip{display:flex;align-items:center;width:calc(100% - 4dvh);height:100dvh;justify-content:space-between;position:fixed;left:2dvh;top:0;pointer-events:none}#bg{position:fixed;image-rendering:pixelated;top:0;left:0;width:100vw;height:100dvh;z-index:-100}.landing-bottom{width:100%;display:flex;justify-content:space-between;flex-direction:row;align-items:center}.info-pinned{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:fixed;width:100%;padding:1.5dvh;bottom:env(safe-area-inset-bottom,20px);left:0;box-sizing:border-box}.info-pinned .info{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:-.6dvh}.info-pinned p{font-size:1.3dvh;color:var(--gray1)}.info-pinned .logo{height:3dvh}.info-pinned .logo img{height:100%}.about{display:flex;justify-content:center;gap:20dvh;align-items:center;flex-direction:row;width:100%;overflow:hidden;padding:0 5dvh;box-sizing:border-box}.about-text{width:50dvh;display:flex;flex-direction:column;gap:1dvh}.about-text h2{margin-bottom:0}.about-text p{margin-top:-1.2dvh}.about .pc{width:80dvh;display:flex;justify-content:center;align-items:center;overflow:hidden;max-width:100%;will-change:transform,opacity;transform-style:preserve-3d;backface-visibility:hidden}.about .pc.animate{animation:flicker 2s infinite,float 6s ease-in-out infinite}.about .pc img{width:100%;height:auto;object-fit:contain}.featured{flex-direction:column;align-items:center;width:100%;overflow:hidden}.featured .title{display:flex;justify-content:center;flex-direction:row;align-items:center;padding:12dvh 0}.track-list-wrapper{display:flex;justify-content:flex-start;align-items:center;margin:0 auto;width:90dvh;max-width:100%;padding:0 4dvh;box-sizing:border-box;position:relative}.featured .track-list .track{display:flex;flex-direction:row;align-items:flex-start;gap:5dvh;width:100%;position:relative;transform:none;transition:transform .4s ease-out}.featured .track-list .track:hover{transform:scale(1.01)}.featured .track-list .info{width:100%;display:flex;flex-direction:column;gap:1.5dvh;padding:1dvh;flex:1;min-width:280px}.featured .track-list .top{display:flex;justify-content:space-between;gap:2.2dvh;flex-direction:column}.featured .track-list .details{gap:2.2dvh;width:100%}.featured .track-list .track img{width:35dvh;max-width:100%;min-width:280px;border-radius:2dvh;object-fit:cover}.featured .track-list .about-track{display:flex;justify-content:space-between;height:100%;gap:4dvh;width:100%}.featured .track-list .links{font-size:2dvh;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:3dvh}.featured .track-list .description,.featured .track-list .description p{width:100%}.featured .track-list .links a{white-space:nowrap}.featured .track-list .links a,nav a,.contact .link{color:var(--gray1);text-decoration:underline dotted .1dvh var(--gray1)}.featured .track-list{display:flex;flex-direction:column;gap:5dvh}.track-list .track-title{font-size:4dvh;-webkit-hyphens:manual;hyphens:manual;text-transform:uppercase}.track-list .track-date,.track-list .track-artist{color:var(--gray1);font-size:2dvh}.contact{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10dvh;overflow:hidden}.contact .links{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:1dvh;width:100%;overflow:hidden}.contact .scroll-container{display:flex;width:max-content;gap:2dvh}.contact .scroll-container.left,.contact .scroll-container.right{transform:translate(0)}.contact .link{width:max-content;font-size:10dvh;text-decoration:none;text-wrap:none;white-space:nowrap}footer{width:100%}footer .info{display:flex;justify-content:space-between;flex-direction:row;align-items:center}footer .gradient{background:var(--gradient);height:1dvh}@media screen and (max-width: 793px){.hamburger{display:flex}nav .top{height:5dvh}nav .logo img{display:none}.landing .scroll-tip{flex-direction:column}.landing .scroll img{rotate:270deg}nav .navigation{position:fixed;top:5dvh;left:0;width:100%;height:calc(100vh - 5dvh);background:#141414f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(100%);opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease-in-out;display:block!important;display:flex!important;flex-direction:column;justify-content:space-between}nav ul{flex-direction:column;justify-content:center;align-items:center;height:auto;gap:2dvh;padding:0;margin-top:10dvh}nav .navigation .mobile-socials{display:flex;justify-content:center;align-items:center;gap:4dvh;padding:4dvh 0;border-top:.1dvh solid var(--gray1);font-size:4dvh}nav li{width:100%;height:auto;padding:2dvh 0;border:none;border-bottom:.1dvh solid var(--gray1);font-size:2dvh}nav li:last-child{border-right:none}nav li:before{padding:2dvh 0}nav li:after{display:none}.mobile-socials{display:flex;justify-content:center;gap:4dvh;padding:4dvh 0;border-top:.1dvh solid var(--gray1);margin-top:auto;position:relative;z-index:100}.mobile-socials a{color:var(--gray1);font-size:3dvh;transition:color .3s ease}.mobile-socials a:hover{color:var(--main-white)}.contact h2{font-size:13dvw;text-wrap:wrap}.about-text{justify-content:center;align-items:center;text-align:center}.about-text h2{font-size:13dvw}.about{padding:0}.featured h2{font-size:8dvw;min-height:0!important}.about{flex-direction:column;gap:10dvh!important;padding:4dvh}.about-text h2,.about-text p{margin:0;padding:0;line-height:1.1}.about .pc{width:100%;padding:0 4dvh;box-sizing:border-box}.about .pc img{max-width:100%;height:auto}.track-list-wrapper{width:100%;padding:0 4dvh;box-sizing:border-box}.featured .track-list .track{flex-direction:column}.featured .track-list .track img{width:100%}.featured .track-list .info{width:auto}.featured .track-list .about-track{flex-direction:column}.contact .link{font-size:10dvh}.info-pinned{flex-direction:column;align-items:center;gap:1dvh}.info-pinned .info{align-items:center;text-align:center;display:flex;flex-direction:column;gap:.5dvh}.info-pinned .info p{margin-top:.5dvh}}@media screen and (max-width: 480px){h2{font-size:4dvh}nav .top{height:5dvh}.featured .title{padding:8dvh 0}.track-list .track-title{font-size:3dvh}}@keyframes flicker{0%{opacity:1}3%{opacity:.8}6%{opacity:1}7%{opacity:.9}8%{opacity:1}9%{opacity:.86}10%{opacity:1}89%{opacity:1}90%{opacity:.9}to{opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media screen and (max-width: 1250px){.about{gap:0dvh}}.track-list{width:100%}.track-list .track{transform-origin:center;width:100%;position:relative}.socials{display:flex;flex-direction:row;gap:1dvh;align-items:center;justify-content:center}.socials a{color:var(--gray1);font-size:1.5dvh}.socials a:hover{color:var(--main-white)}@media screen and (max-width: 793px){.info-pinned{flex-direction:column;align-items:center;gap:1.5dvh}.info-pinned .info{order:2;align-items:center;text-align:center;gap:.5dvh}.info-pinned .logo{order:1}.socials{order:0;display:flex;justify-content:center;gap:2dvh;font-size:2.5dvh}.socials a{color:var(--gray1);font-size:2dvh}.socials a:hover{color:var(--main-white)}.scroll-tip .scroll:nth-child(2){display:none}.socials{order:0;display:flex;justify-content:center;gap:2dvh;font-size:0;line-height:1;margin:0;padding:0}.socials a{font-size:2.75dvh;line-height:1;padding:.2dvh 0;margin:0}}
