@import "https://fonts.googleapis.com/css2?family=Finger+Paint&display=swap";:root{--background:#08040d;--purple:#7e2b90;--purple-dark:#4f1d5c;--pink:#d946ef;--green:#39ff88;--white:#fff;--muted:#a99baa;--font:"Segoe UI", Arial, sans-serif;--artist-font:"Finger Paint", cursive}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;min-height:100%}body{min-height:100vh;color:var(--white);background:var(--background);font-family:var(--font);overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:5px}::selection{color:#fff;background:var(--purple)}.experience{isolation:isolate;background:radial-gradient(at 50% 43%,#7e2b904d,#0000 35%),radial-gradient(at 15% 80%,#d946ef1f,#0000 35%),radial-gradient(at 90% 15%,#4f1d5c40,#0000 35%),#08040d;min-height:100vh;position:relative;overflow:hidden}.experience:before,.experience:after{content:"";z-index:-1;pointer-events:none;position:absolute}.experience:before{opacity:.35;background-image:radial-gradient(1px 1px at 10% 20%,#fff 99%,#0000),radial-gradient(1px 1px at 30% 75%,#fff 99%,#0000),radial-gradient(2px 2px at 80% 30%,#fff 99%,#0000),radial-gradient(1px 1px at 65% 80%,#fff 99%,#0000),radial-gradient(1px 1px at 90% 65%,#fff 99%,#0000),radial-gradient(2px 2px at 45% 15%,#fff 99%,#0000);background-size:250px 250px;animation:35s linear infinite starDrift;inset:0}.experience:after{background:linear-gradient(#0000,#7e2b901a);height:250px;inset:auto 0 0}@keyframes starDrift{0%{transform:translateY(0)}to{transform:translateY(-250px)}}.top{z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;min-height:90px;padding:0 6%;display:grid;position:relative}.top-link,.top-status{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:700}.top-link{justify-self:start;transition:color .2s}.top-link:hover,.bottom a:hover{color:var(--pink)}.artist-name{color:#fff;text-shadow:0 0 18px #d946efcc,0 0 2px #fff;justify-self:center;font-family:Finger Paint,cursive;font-size:28px}.top-status{justify-self:end;align-items:center;gap:9px;display:flex}.status-light{background:var(--green);width:7px;height:7px;box-shadow:0 0 12px var(--green);border-radius:50%;animation:1.8s ease-in-out infinite statusBlink}@keyframes statusBlink{50%{opacity:.35}}.intro{z-index:2;text-align:center;padding:60px 20px 15px;position:relative}.eyebrow{color:#d68be2;letter-spacing:5px;font-size:9px;font-weight:800}.intro h1{letter-spacing:5px;margin-top:16px;font-size:clamp(25px,4vw,43px);font-weight:800;line-height:1.2}.intro-copy{color:var(--muted);letter-spacing:1px;margin-top:12px;font-size:12px}.music-stage{perspective:1200px;justify-content:center;align-items:center;width:100%;min-height:440px;display:flex;position:relative;overflow:hidden}.stage-glow{filter:blur(35px);pointer-events:none;background:radial-gradient(#d946ef40,#7e2b901f 40%,#0000 72%);width:min(650px,90vw);height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-orbit{pointer-events:none;border:1px solid #d946ef1f;border-radius:50%;width:560px;height:190px;position:absolute;top:50%;left:50%;transform:translate(-50%,-20%)rotate(-12deg)}.orbit-two{border-color:#7e2b901f;width:700px;height:240px;transform:translate(-50%,-20%)rotate(12deg)}.carousel{z-index:2;justify-content:center;align-items:center;width:min(850px,100%);height:350px;display:flex;position:relative}.album-card{cursor:pointer;width:230px;height:230px;transform-style:preserve-3d;-webkit-box-reflect:below 8px linear-gradient(transparent 55%, #ffffff21);background:0 0;border:0;padding:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .55s,filter .55s;position:absolute}.album-card .album-art,.album-card .art-fallback{object-fit:cover;border-radius:5px;width:100%;height:100%;display:block;box-shadow:0 20px 55px #00000080}.art-fallback{background:radial-gradient(circle,#7e2b90,#16091c 70%);place-items:center;font-size:55px;font-weight:900;display:grid!important}.card-label{color:#fff;letter-spacing:1px;text-align:center;opacity:0;font-size:10px;transition:opacity .3s;position:absolute;bottom:-32px;left:0;right:0}.album-card[data-position="0"]{z-index:5;opacity:1;filter:drop-shadow(0 0 25px #d946ef40);transform:translate(0)translateZ(100px)scale(1.12)}.album-card[data-position="0"] .card-label{opacity:1}.album-card[data-position="-1"]{z-index:4;opacity:.75;transform:translate(-185px)translateZ(-70px)rotateY(24deg)scale(.82)}.album-card[data-position="1"]{z-index:4;opacity:.75;transform:translate(185px)translateZ(-70px)rotateY(-24deg)scale(.82)}.album-card[data-position="-2"]{z-index:2;opacity:.3;transform:translate(-320px)translateZ(-150px)rotateY(32deg)scale(.65)}.album-card[data-position="2"]{z-index:2;opacity:.3;transform:translate(320px)translateZ(-150px)rotateY(-32deg)scale(.65)}.album-card:hover{filter:brightness(1.15)}.loading-state{color:#e4b1ed;letter-spacing:3px;flex-direction:column;justify-content:center;align-items:center;gap:13px;font-size:10px;font-weight:800;display:flex;position:absolute;inset:0}.loading-state span{color:var(--muted);font-size:8px}.loader{border:2px solid #d946ef26;border-top-color:var(--pink);border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.arrow{z-index:10;color:#fff;cursor:pointer;background:#7e2b9026;border:0;border-radius:50%;width:42px;height:42px;font-size:16px;transition:background .2s,box-shadow .2s,transform .2s;position:absolute;top:50%;transform:translateY(-50%)}.arrow:hover{background:var(--purple);transform:translateY(-50%)scale(1.08);box-shadow:0 0 25px #d946ef66}.arrow-left{left:max(4%,50% - 460px)}.arrow-right{right:max(4%,50% - 460px)}.track-info{z-index:3;text-align:center;padding:0 20px 50px;position:relative}.track-index{color:#d68be2;letter-spacing:3px;font-size:9px;font-weight:800}.track-info h2{letter-spacing:2px;margin-top:12px;font-size:clamp(22px,4vw,36px);font-weight:800}.track-artist{color:var(--muted);letter-spacing:3px;margin-top:6px;font-size:10px}.track-progress{background:#ffffff21;width:min(260px,65vw);height:2px;margin:22px auto}.track-progress span{background:var(--pink);width:0;height:100%;box-shadow:0 0 10px var(--pink);display:block}.player-controls{justify-content:center;align-items:center;gap:28px;display:flex}.control-button,.play-button{cursor:pointer;border:0;place-items:center;transition:color .2s,background .2s,transform .2s,box-shadow .2s;display:grid}.control-button{color:#d4b6dc;background:0 0;width:35px;height:35px;font-size:20px}.control-button:hover{color:var(--pink);transform:scale(1.15)}.play-button{color:#fff;background:linear-gradient(135deg,#963ba9,#4f1d5c);border-radius:50%;width:58px;height:58px;font-size:19px;box-shadow:0 0 20px #d946ef59,inset 0 0 10px #ffffff1a}.play-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 32px #d946ef99}.play-button:disabled{opacity:.4;cursor:not-allowed}.player-status{color:var(--muted);letter-spacing:2px;margin-top:18px;font-size:8px;font-weight:800}.bottom{z-index:2;min-height:75px;color:var(--muted);letter-spacing:1.5px;justify-content:space-between;align-items:center;gap:15px;padding:20px 6%;font-size:8px;font-weight:800;display:flex;position:relative}.bottom a{transition:color .2s}#soundcloud-player{opacity:0;pointer-events:none;width:500px;height:166px;position:fixed;bottom:0;left:-10000px}@media (width<=700px){.top{min-height:75px;padding:0 18px}.artist-name{font-size:28px}.top-link,.top-status{letter-spacing:1px;font-size:7px}.intro{padding-top:45px}.intro h1{letter-spacing:2px}.music-stage{min-height:370px}.carousel{height:300px}.album-card{width:175px;height:175px}.album-card[data-position="-1"]{transform:translate(-115px)translateZ(-70px)rotateY(24deg)scale(.75)}.album-card[data-position="1"]{transform:translate(115px)translateZ(-70px)rotateY(-24deg)scale(.75)}.album-card[data-position="-2"]{transform:translate(-205px)translateZ(-150px)scale(.55)}.album-card[data-position="2"]{transform:translate(205px)translateZ(-150px)scale(.55)}.arrow{width:34px;height:34px;font-size:12px}.arrow-left{left:12px}.arrow-right{right:12px}.bottom{text-align:center;flex-direction:column;justify-content:center;padding:25px 15px}}@media (width<=390px){.top-link,.top-status{font-size:6px}.artist-name{font-size:24px}.album-card{width:145px;height:145px}.album-card[data-position="-1"]{transform:translate(-95px)translateZ(-70px)rotateY(24deg)scale(.72)}.album-card[data-position="1"]{transform:translate(95px)translateZ(-70px)rotateY(-24deg)scale(.72)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}