:root{--fg: #f2f2f2;--dim: #6f6f6f;--faint: #3a3a3a;--bg: #000;--font: "Helvetica Neue", Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg)}body{font-family:var(--font);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;user-select:none;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.space{position:fixed;inset:0;background:#000;overflow:hidden}.bg-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;transform:scale(1.08);transition:opacity .8s ease}.bg-video--over{opacity:0}.bg-video--in{opacity:1}.bg-video--under{opacity:0}.bg-video--blur{filter:none}.bg-scrim{position:fixed;inset:0;z-index:1;pointer-events:none;background:#000;opacity:.32}.brand-layer{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .6s ease .1s}.brand-layer--in{opacity:1}.loader{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#000;transition:opacity .5s ease}.loader--done{opacity:0;pointer-events:none}.spinner{width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.16);border-top-color:#ededed;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:2;pointer-events:none;font-weight:400;white-space:nowrap;font-size:clamp(1.5rem,13vw,11rem);line-height:1;letter-spacing:-.04em;text-transform:lowercase;color:#ededed;text-shadow:0 0 .45em rgba(255,255,255,.22),0 0 1.4em rgba(255,255,255,.1);transform-origin:center center;will-change:transform,opacity}.orbital{position:absolute;inset:0;z-index:3;perspective:1000px;perspective-origin:50% 50%;overflow:hidden;touch-action:none;cursor:default}.orbital-stage{position:absolute;inset:0;transform-style:preserve-3d;transition:opacity .3s ease}.track,.outro{position:absolute;top:50%;left:50%;width:min(72vw,640px);text-align:center;transform:translate(-50%,-50%);transform-origin:center center;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.outro{font-weight:300;font-size:clamp(1.3rem,3.4vw,2.3rem);line-height:1.32;font-style:italic;letter-spacing:.01em;color:var(--fg);text-shadow:0 1px 6px rgba(0,0,0,.6)}.site-footer{position:fixed;left:0;right:0;bottom:clamp(1rem,3vh,2.2rem);z-index:6;pointer-events:none;text-align:center;font-size:clamp(.7rem,1.4vw,.9rem);letter-spacing:.06em;color:var(--fg);text-shadow:0 1px 4px rgba(0,0,0,.6);opacity:0;transition:opacity 1.6s ease .7s}.site-footer--show{opacity:.9}.track-title{font-weight:300;font-size:clamp(1.4rem,4vw,3rem);line-height:1.04;letter-spacing:.01em;text-transform:lowercase;color:var(--fg);margin-bottom:clamp(1rem,2.6vh,2.1rem);white-space:normal;overflow:visible;text-wrap:balance;word-break:break-word}.track-controls{display:flex;align-items:center;justify-content:center;gap:clamp(.8rem,2vw,1.6rem);filter:drop-shadow(0 1px 4px rgba(0,0,0,.75))}.track-actions{display:flex;align-items:center;justify-content:center;gap:clamp(1.4rem,3.4vw,2.4rem);margin-top:clamp(.9rem,2.2vh,1.5rem);filter:drop-shadow(0 1px 4px rgba(0,0,0,.75))}.track-title{text-shadow:0 1px 6px rgba(0,0,0,.6)}.play-btn{flex:0 0 auto;width:clamp(1.8rem,2.8vw,2.4rem);height:clamp(1.8rem,2.8vw,2.4rem);background:none;border:none;padding:0;color:var(--fg);cursor:pointer;opacity:.92;transition:opacity .2s ease,transform .2s ease}.play-btn:hover{opacity:1;transform:scale(1.08)}.play-btn:active{transform:scale(.96)}.track-wave{flex:1 1 auto;min-width:0;height:clamp(1.9rem,4vh,3rem)}.waveform-wrap{position:relative;width:100%;height:100%;cursor:pointer}.waveform{position:absolute;inset:0;width:100%;height:100%;display:block}.waveform--played{transition:clip-path .25s linear;pointer-events:none}.wave-bar{fill:var(--faint)}.wave-bar--played{fill:var(--fg)}.track-time{flex:0 0 auto;font-size:clamp(.75rem,1.2vw,.95rem);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--dim);min-width:3.2ch}.track-comments{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4em;font-family:var(--font);font-size:clamp(.75rem,1.2vw,.95rem);letter-spacing:.04em;color:var(--dim);background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease}.track-comments:hover{color:var(--fg)}.comment-ico{width:1.05em;height:1.05em;display:inline-block}.wave-markers{position:absolute;inset:0;pointer-events:none}.wave-mark{position:absolute;top:0;bottom:0;width:0}.wave-mark-line{position:absolute;top:0;bottom:-7px;left:-.5px;width:1px;background:#ffffff52}.wave-mark-dot{position:absolute;bottom:-9px;left:-2px;width:4px;height:4px;border-radius:50%;background:#fff}.comment-bubble{position:absolute;top:100%;left:50%;transform:translate(-50%,.4rem);max-width:90%;margin-top:.7rem;font-size:clamp(.85rem,1.5vw,1.05rem);color:var(--fg);text-shadow:0 1px 8px rgba(0,0,0,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transition:opacity .5s ease}.comment-bubble--in{opacity:1}.track-composer{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;margin-top:clamp(1rem,2.4vh,1.8rem);text-align:left}.composer-at{font-size:clamp(.7rem,1.2vw,.85rem);letter-spacing:.04em;color:var(--dim)}.composer-input{width:100%;background:none;border:none;border-bottom:1px solid var(--faint);color:var(--fg);font-family:var(--font);font-size:clamp(.9rem,1.6vw,1.05rem);padding:.35rem 0;outline:none;user-select:text;-webkit-user-select:text;transition:border-color .2s ease}.composer-input::placeholder{color:var(--dim)}.composer-input:focus{border-bottom-color:var(--fg)}.composer-error{color:#c98a8a;font-size:clamp(.72rem,1.3vw,.85rem)}.composer-actions{display:flex;justify-content:flex-end;gap:.8rem}.composer-cancel,.composer-send{background:none;border:1px solid var(--faint);color:var(--fg);font-family:var(--font);font-size:clamp(.8rem,1.4vw,.95rem);text-transform:lowercase;letter-spacing:.04em;padding:.3rem .95rem;cursor:pointer;transition:border-color .2s ease,opacity .2s ease}.composer-cancel{border-color:transparent;color:var(--dim)}.composer-cancel:hover{color:var(--fg)}.composer-send:hover{border-color:var(--fg)}.composer-send:disabled{opacity:.5;cursor:default}.track-dl{flex:0 0 auto;width:clamp(1.1rem,1.8vw,1.5rem);height:clamp(1.1rem,1.8vw,1.5rem);color:var(--dim);display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease,transform .2s ease}.track-dl:hover{color:var(--fg);transform:translateY(1px)}.play-spin{animation:bdk-spin .8s linear infinite;transform-origin:50% 50%}@keyframes bdk-spin{to{transform:rotate(360deg)}}.nav{position:fixed;top:clamp(1rem,2.4vw,1.8rem);right:clamp(1rem,2.4vw,1.8rem);z-index:10;display:flex;flex-direction:column;align-items:flex-end;transition:opacity .35s ease;text-shadow:0 1px 4px rgba(0,0,0,.6)}.nav--hidden{opacity:0;pointer-events:none}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:30px;height:24px;padding:0;background:none;border:none;cursor:pointer}.nav-toggle span{display:block;width:30px;height:2px;background:var(--fg);margin-left:auto;transition:transform .25s ease,opacity .2s ease}.nav-toggle--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle--open span:nth-child(2){opacity:0}.nav-toggle--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-panel{margin-top:clamp(.9rem,2vh,1.4rem);min-width:210px;display:flex;flex-direction:column;align-items:flex-end;text-align:right}.nav-item{background:none;border:none;cursor:pointer;color:var(--fg);font-family:var(--font);font-size:clamp(1.1rem,2.2vw,1.45rem);font-weight:300;text-transform:lowercase;letter-spacing:.01em;opacity:.82;padding:.25rem 0;transition:opacity .2s ease}.nav-item:hover{opacity:1}@keyframes pulse-color{0%,to{color:var(--dim)}50%{color:var(--fg)}}.nav-pulse,.nav-pulse *{animation:pulse-color .75s ease-in-out infinite}.nav-content{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;margin:.1rem 0 .7rem;color:var(--dim);font-size:clamp(.85rem,1.6vw,1rem)}.show{display:flex;flex-direction:column;align-items:flex-end;gap:.12rem;line-height:1.4}.show-when,.show-artist,.show-loc{color:inherit}.show-line{color:inherit;text-align:right}.show-artist{text-decoration:underline;text-underline-offset:3px;letter-spacing:.02em}.show-when{letter-spacing:.05em;font-variant-numeric:tabular-nums}.show-venue{color:var(--fg)}.show-loc{color:var(--dim);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.show-loc:hover{color:var(--fg)}.show-price{color:var(--dim);letter-spacing:.06em}.contact-form{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;width:100%}.contact-input{width:100%;background:none;border:none;border-bottom:1px solid var(--faint);color:var(--fg);font-family:var(--font);font-size:clamp(.85rem,1.6vw,1rem);text-align:right;padding:.3rem 0;outline:none;user-select:text;-webkit-user-select:text;transition:border-color .2s ease}.contact-input::placeholder{color:var(--dim)}.contact-input:focus{border-bottom-color:var(--fg)}.contact-textarea{resize:none;overflow:hidden;line-height:1.4;min-height:2.6em;max-height:40vh}.contact-error{color:#c98a8a;font-size:clamp(.75rem,1.3vw,.85rem)}.contact-submit{background:none;border:1px solid var(--faint);color:var(--fg);font-family:var(--font);font-size:clamp(.85rem,1.6vw,1rem);text-transform:lowercase;letter-spacing:.04em;padding:.35rem 1.1rem;cursor:pointer;transition:border-color .2s ease,background .2s ease}.contact-submit:hover{border-color:var(--fg)}.nav-search-input{margin-bottom:.5rem}.nav-search-results{display:flex;flex-direction:column;align-items:flex-end;gap:.05rem;width:100%;max-height:calc(100dvh - 11rem);overflow-y:auto;padding-right:.85rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.nav-search-results::-webkit-scrollbar{width:5px}.nav-search-results::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}.nav-search-result{background:none;border:none;cursor:pointer;color:var(--dim);font-family:var(--font);font-size:clamp(.85rem,1.6vw,1rem);text-transform:lowercase;text-align:right;padding:.22rem 0;transition:color .2s ease}.nav-search-result:hover{color:var(--fg)}.nav-search-empty{color:var(--dim);font-style:italic}@media (max-width: 768px){.brand{font-size:clamp(1.4rem,15vw,6rem);line-height:1;align-items:center;padding-left:0;text-align:center}.track{left:50%;width:88vw}.track-title{font-size:clamp(1.3rem,6.5vw,2.4rem)}.track-controls{gap:clamp(.6rem,2.6vw,1.2rem)}}@media (prefers-reduced-motion: reduce){.play-btn{transition:none}.nav-pulse,.nav-pulse *{animation:none}}