@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@300;400;600&family=Syncopate:wght@700&family=Syne:wght@800&display=swap";*{box-sizing:border-box;cursor:none}:root{--bg:#050505;--txt:#f2f2f2;--stroke:#ffffff40;--brand-orange:#ff3500}.light-mode{--bg:#e5e5e5;--txt:#0a0a0a;--stroke:#000c;--brand-orange:#ff3500}body{background-color:var(--bg);color:var(--txt);margin:0;padding:0;font-family:Space Grotesk,sans-serif;transition:background-color .8s cubic-bezier(.4,0,.2,1);overflow:hidden}h1,h2,h3{margin:0;font-family:Archivo Black,sans-serif}.custom-cursor{background:var(--brand-orange);mix-blend-mode:difference;z-index:99999;pointer-events:none;border-radius:50%;width:22px;height:22px;transition:width .1s,height .1s;position:fixed;transform:translate(-50%,-50%)}.grain-layer{z-index:50;opacity:.05;pointer-events:none;background-image:url(https://upload.wikimedia.org/wikipedia/commons/7/76/1k_Dissolve_Noise_Texture.png);position:fixed;inset:0}.halation-layer{z-index:49;pointer-events:none;-webkit-backdrop-filter:blur(2px)brightness(1.1)contrast(1.1);backdrop-filter:blur(2px)brightness(1.1)contrast(1.1);mix-blend-mode:screen;opacity:.35;position:fixed;inset:0}.light-mode .halation-layer{mix-blend-mode:multiply;opacity:.15}.vignette-layer{z-index:5;pointer-events:none;background:radial-gradient(circle,#0000 25%,#000000e6 100%);position:fixed;inset:0}.light-mode .vignette-layer{background:radial-gradient(circle,#0000 25%,#e5e5e5cc 100%)}.collage-wrap{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.collage-img{object-fit:contain;height:42vh;margin:auto;transition:all .8s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 70%);mask-image:radial-gradient(#000 40%,#0000 70%)}body:not(.light-mode) .theme-image{filter:invert()hue-rotate(180deg)contrast(1.2)brightness(1.1);mix-blend-mode:screen}.light-mode .theme-image{filter:contrast(1.1);mix-blend-mode:multiply}.c1{z-index:1;transform:translate(-30vw,-5%)rotate(-12deg)}.c2{z-index:2;transform:translate(-15vw,8%)rotate(-5deg)}.c4{z-index:4;transform:translateY(-2%)rotate(1deg)}.c3{z-index:2;transform:translate(15vw,10%)rotate(7deg)}.c5{z-index:1;transform:translate(30vw,-8%)rotate(14deg)}.track-list-massive{z-index:10;flex-direction:column;gap:1.5rem;width:100%;display:flex;position:relative}.track-item-massive{color:#0000;-webkit-text-stroke:2px var(--stroke);text-transform:uppercase;white-space:nowrap;cursor:none;font-family:Archivo Black,sans-serif;font-size:8vw;line-height:.85;transition:all .4s cubic-bezier(.23,1,.32,1)}.track-item-massive:hover{color:var(--brand-orange);-webkit-text-stroke:0;transform:translate(40px)}.cta-button{border:2px solid var(--txt);color:var(--txt);letter-spacing:.4em;text-transform:uppercase;z-index:20;cursor:none;margin-top:4rem;padding:1.2rem 4rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.cta-button:hover{background:var(--brand-orange);border-color:var(--brand-orange);color:var(--bg)}.mini-player{background:var(--bg);border-top:1px solid var(--stroke);z-index:100;grid-template-columns:1fr 2fr 1fr;align-items:center;width:100%;padding:1.5rem 4rem;display:grid;position:fixed;bottom:0}.expanded-player{background:var(--bg);z-index:1000;flex-direction:column;padding:4rem;display:flex;position:fixed;inset:0}.big-cover{border:2px solid var(--brand-orange);object-fit:cover;width:45vh;height:45vh;box-shadow:25px 25px #0000004d}input[type=range]{-webkit-appearance:none;cursor:none;background:0 0;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand-orange);width:4px;height:16px;margin-top:-7px}input[type=range]::-webkit-slider-runnable-track{background:var(--stroke);width:100%;height:2px}.text-orange{color:var(--brand-orange)}@media (width<=768px){.mobile-header{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem!important}.mobile-header-links{gap:1.5rem!important}.mobile-countdown{width:100%;gap:1.5rem!important;font-size:2.2rem!important}.mobile-countdown span{font-size:2.5rem!important}.mobile-countdown .label{font-size:.5rem!important}.collage-img{height:35vh!important}.c1{transform:translate(-35vw,-5%)rotate(-12deg)}.c2{transform:translate(-18vw,8%)rotate(-5deg)}.c4{transform:translateY(-2%)rotate(1deg)}.c3{transform:translate(18vw,10%)rotate(7deg)}.c5{transform:translate(35vw,-8%)rotate(14deg)}}
