@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--left-width-raw:340px;--left-width:var(--left-width-raw);--glass-blur:40px;--bg-base:#000;--bg-surface:#111;--text-main:#fff;--text-muted:#ffffff80;--text-faint:#ffffff4d;--glass-base:linear-gradient(135deg, #ffffff0a 0%, #ffffff03 100%);--glass-hover:linear-gradient(135deg, #ffffff12 0%, #ffffff05 100%);--glass-border-t:#ffffff1f;--glass-border-l:#ffffff14;--glass-border-b:#ffffff05;--glass-border-r:#ffffff05;--modal-bg-start:#14141499;--modal-bg-end:#0a0a0acc;--modal-overlay:#0009;--modal-shadow:#000000e6;--shadow-base:#0006;--shadow-heavy:#0009}body.light-mode{--bg-base:#f0f0f5;--bg-surface:#e4e4e9;--text-main:#111;--text-muted:#0009;--text-faint:#0006;--glass-base:linear-gradient(135deg, #fff9 0%, #ffffff4d 100%);--glass-hover:linear-gradient(135deg, #ffffffe6 0%, #ffffff80 100%);--glass-border-t:#fff;--glass-border-l:#fffc;--glass-border-b:#0000000d;--glass-border-r:#0000000d;--modal-bg-start:#f0f0f599;--modal-bg-end:#dcdce1cc;--modal-overlay:#ffffff4d;--modal-shadow:#00000026;--shadow-base:#0000001a;--shadow-heavy:#0003}html,body{background-color:var(--bg-base);width:100%;height:100%;color:var(--text-main);font-family:Inter,sans-serif;transition:background-color .4s,color .4s;overflow:hidden}::-webkit-scrollbar{width:0;height:0;display:none}*{-ms-overflow-style:none;scrollbar-width:none}.app-shell{width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.sidebar-closed{--left-width:0px}.left-panel{width:var(--left-width-raw);z-index:30;background:var(--bg-base);border-right:1px solid var(--glass-border-r);flex-direction:column;height:100vh;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(0)}.sidebar-closed .left-panel{transform:translate(-100%)}.mobile-overlay{display:none}.navbar-logo-container{align-items:center;transition:opacity .3s,transform .3s;display:flex}.sidebar-open .navbar-logo-container{opacity:0;pointer-events:none;transform:translate(-10px)}.sidebar-closed .navbar-logo-container{opacity:1;pointer-events:auto;transform:translate(0)}.navbar{z-index:50;background:linear-gradient(to bottom, var(--bg-base) 20%, transparent 100%);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:24px 48px;display:flex;position:sticky;top:0}.glass-card{background:var(--glass-base);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(250%);border:1px solid #0000;border-top-color:var(--glass-border-t);border-left-color:var(--glass-border-l);border-bottom-color:var(--glass-border-b);border-right-color:var(--glass-border-r);cursor:pointer;box-shadow:0 16px 40px var(--shadow-base), inset -1px -1px 2px var(--shadow-base);border-radius:28px;transition:all .3s;position:relative;overflow:hidden}.glass-card:before{content:"";background:radial-gradient(circle at 50% 0%, var(--glass-border-l), transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.glass-card:hover{background:var(--glass-hover);border-top-color:var(--glass-border-b);border-left-color:var(--glass-border-b);border-bottom-color:var(--glass-border-t);border-right-color:var(--glass-border-l);box-shadow:0 30px 60px var(--shadow-heavy), inset 1px 1px 3px var(--glass-border-l);transform:translateY(-2px)scale(1.01)}.glass-card:hover:before{opacity:1}.glass-btn{background:var(--glass-base);-webkit-backdrop-filter:blur(20px)saturate(200%);backdrop-filter:blur(20px)saturate(200%);border:1px solid #0000;border-top-color:var(--glass-border-t);border-left-color:var(--glass-border-l);border-bottom-color:var(--glass-border-b);border-right-color:var(--glass-border-r);color:var(--text-main);cursor:pointer;outline:none;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:inset 1px 1px 2px #ffffff0d}.glass-btn:hover,.glass-btn.active{background:var(--glass-hover);border-top-color:var(--glass-border-b);border-left-color:var(--glass-border-b);border-bottom-color:var(--glass-border-t);border-right-color:var(--glass-border-l);box-shadow:inset 1px 1px 3px var(--glass-border-l);transform:translateY(-1px)scale(1.01)}.glass-btn:active{opacity:.8;transform:translateY(0)scale(.99)}.glass-pill{font-family:var(--font-display);border-radius:999px;flex-shrink:0;padding:14px 24px;font-size:13px;font-weight:700}.glass-pill-sm{font-family:var(--font-display);border-radius:999px;flex-shrink:0;padding:8px 20px;font-size:12px;font-weight:600}.glass-icon{border-radius:50%;flex-shrink:0;width:44px;height:44px}.glass-icon-sm{border-radius:50%;flex-shrink:0;width:36px;height:36px}.glass-input{background:var(--glass-base);-webkit-backdrop-filter:blur(20px)saturate(200%);border:1px solid #0000;border-top-color:var(--glass-border-t);border-left-color:var(--glass-border-l);border-bottom-color:var(--glass-border-b);border-right-color:var(--glass-border-r);box-shadow:0 4px 16px var(--shadow-base), inset -1px -1px 2px var(--shadow-base);color:var(--text-main);outline:none;font-family:inherit;transition:all .4s cubic-bezier(.2,.8,.2,1)}.glass-input:focus,.glass-input:hover{background:var(--glass-hover);border-top-color:var(--glass-border-b);border-left-color:var(--glass-border-b);border-bottom-color:var(--glass-border-t);border-right-color:var(--glass-border-l);box-shadow:0 8px 24px var(--shadow-heavy), inset 1px 1px 3px var(--glass-border-l);transform:translateY(-1px)}.glass-input::placeholder{color:var(--text-muted)}textarea.glass-input{resize:vertical;border-radius:20px;min-height:100px;padding:16px 20px;line-height:1.6}select.glass-input{appearance:none;padding-right:48px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 20px center / 16px no-repeat, var(--glass-base)!important}select.glass-input:hover,select.glass-input:focus{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 20px center / 16px no-repeat, var(--glass-hover)!important}.hoverable-track{cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(200%);transform-origin:0;transition:all .2s;background:var(--glass-base)!important;border:1px solid #0000!important;border-top-color:var(--glass-border-t)!important;border-left-color:var(--glass-border-l)!important;border-bottom-color:var(--glass-border-b)!important;border-right-color:var(--glass-border-r)!important;box-shadow:0 4px 16px var(--shadow-base), inset -1px -1px 2px var(--shadow-base)!important}.hoverable-track:hover{transform:translate(4px)scale(1.01);background:var(--glass-hover)!important;border-top-color:var(--glass-border-b)!important;border-left-color:var(--glass-border-b)!important;border-bottom-color:var(--glass-border-t)!important;border-right-color:var(--glass-border-l)!important;box-shadow:0 12px 24px var(--shadow-heavy), inset 1px 1px 3px var(--glass-border-l)!important}.queue-track{transition:all .2s}.queue-track:hover{transform:scale(1.01);background:var(--glass-base)!important;border-color:var(--glass-border-t)!important}.scroll-fade{margin:-24px;padding:24px;-webkit-mask-image:linear-gradient(#0000 0%,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#0000 0%,#000 24px calc(100% - 24px),#0000 100%)}.modal-overlay{z-index:100;background:var(--modal-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;padding:24px;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:linear-gradient(135deg, var(--modal-accent-soft,var(--modal-bg-start)) 0%, var(--modal-bg-end) 100%);-webkit-backdrop-filter:blur(60px)saturate(250%);border:1px solid #0000;border-top:1px solid var(--glass-border-t);border-left:1px solid var(--glass-border-l);box-shadow:0 0 80px -10px var(--modal-accent,transparent), 0 40px 100px var(--modal-shadow), inset -1px -1px 3px var(--shadow-base);flex-direction:column;animation:.3s forwards scaleUp;display:flex;overflow:hidden}.modal-overlay.closing{animation:.2s ease-in forwards fadeOut}.modal-container.closing{animation:.2s forwards scaleDown}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.animate-in{animation:.4s forwards fadeIn}.project-cover{aspect-ratio:1;background-color:var(--bg-surface);border:1px solid var(--glass-border-t);width:100%;box-shadow:0 20px 40px var(--shadow-base);border-radius:24px;flex-shrink:0;overflow:hidden}.modal-content{flex-direction:row;flex:1;gap:0;padding:0;display:flex;overflow:hidden}.modal-left{flex-direction:column;flex-shrink:0;gap:20px;width:356px;padding:32px 24px 32px 32px;display:flex;overflow:hidden auto}.modal-left.artist-left{width:316px}.modal-right{flex-direction:column;flex:1;height:100%;padding:32px 32px 32px 24px;display:flex;overflow:hidden}.news-modal-content{flex-direction:row;flex:1;display:flex;overflow:hidden}.news-modal-left{flex-direction:column;flex-shrink:0;width:55%;padding:48px 32px 48px 48px;display:flex;overflow-y:auto}.news-modal-right{flex-direction:column;flex:1;padding:48px 48px 48px 16px;display:flex;overflow-y:auto}.right-panel{margin-left:var(--left-width);z-index:5;background-color:#0000;flex-direction:column;flex:1;min-height:0;transition:margin-left .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden auto}.main-content{flex-direction:column;flex:1;gap:64px;padding:0 48px 48px;display:flex}.section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-main);margin-bottom:24px;font-size:32px;font-weight:700}.grid-4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.grid-artists{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px;display:grid}.search-filter-container{gap:16px;margin-bottom:32px;display:flex}.mobile-only{display:none!important}.desktop-only{display:flex!important}.nav-links{gap:12px;display:flex}@media (max-width:768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.left-panel{border-right:none;width:85vw;max-width:360px;transform:translate(-100%)}.sidebar-open .left-panel{transform:translate(0);box-shadow:0 0 100px #000c}.sidebar-closed .left-panel{transform:translate(-100%)}.sidebar-open,.sidebar-closed{--left-width:0px}.right-panel{margin-left:0}.mobile-overlay{z-index:25;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;display:block;position:fixed;inset:0}.sidebar-open .mobile-overlay{opacity:1;pointer-events:auto}.navbar{padding:16px 20px}.main-content{gap:48px;padding:0 20px 24px}.grid-4,.grid-3{grid-template-columns:repeat(1,minmax(0,1fr));gap:16px}.grid-artists{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.search-filter-container{flex-direction:column;gap:12px}.nav-links{scroll-snap-type:x mandatory;max-width:calc(100vw - 120px);padding:4px 16px;overflow-x:auto}.nav-links>button{scroll-snap-align:start;white-space:nowrap}.project-cover{max-width:220px;margin:0 auto}.mobile-tabs{flex-direction:row;gap:8px;padding:4px 0 16px;display:flex;overflow-x:auto}.mobile-tabs>button{white-space:nowrap;flex:1}.modal-overlay{padding:16px}.modal-container{width:100%!important;height:90vh!important;max-height:90vh!important}.modal-content{flex-direction:column;gap:24px;padding:24px;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#0000 0%,#000 24px calc(100% - 24px),#0000 100%)}.modal-left,.modal-left.artist-left{flex-shrink:0;width:100%;height:auto;padding:0;overflow:visible}.modal-right{padding:0;overflow:visible}.news-modal-content{flex-direction:column;gap:40px;padding:80px 24px 32px;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#0000 0%,#000 24px calc(100% - 24px),#0000 100%)}.news-modal-left{width:100%;height:auto;padding:0;overflow:visible}.news-modal-right{padding:0;overflow:visible}.scroll-fade{margin:0!important;padding:0!important;-webkit-mask-image:none!important;mask-image:none!important}h2{font-size:28px!important}}