:root{--bg: #050505;--bg-raise: #0d0d0d;--fg: #f5f5f5;--muted: #8a8a8a;--line: #222;--accent: #ffd400;--accent-ink: #0a0a0a;--stripe: repeating-linear-gradient( -45deg, var(--accent) 0 6px, transparent 6px 14px );--font-display: "Futura", "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;--player-h: 104px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-display);-webkit-font-smoothing:antialiased;letter-spacing:.02em}a{color:inherit;text-decoration:none}.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;mix-blend-mode:difference}.site-header__logo{font-size:1.3rem;font-weight:800;letter-spacing:.2em}.site-header__nav{display:flex;gap:24px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}.site-header__nav a:hover{color:var(--accent)}.hero{position:relative;height:100svh;overflow:hidden;display:grid;place-items:center}.hero__canvas{position:fixed;inset:0;width:100%;height:100%;display:block;pointer-events:none}.hero__fallback[hidden]{display:none}.hero__fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(6rem,24vw,20rem);font-weight:800;letter-spacing:.06em;color:transparent;-webkit-text-stroke:2px #555}.hero__overlay{position:relative;z-index:1;text-align:center;pointer-events:none;transition:opacity .6s ease}body.is-playing .hero__overlay{opacity:0}.hero__title{font-size:clamp(3rem,10vw,8rem);font-weight:800;letter-spacing:.08em;line-height:1.05}.hero__scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.65rem;letter-spacing:.3em;color:var(--muted)}.hero__shift{animation:shift-bob 1.6s ease-in-out infinite}@keyframes shift-bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.ticker{background:var(--accent);color:var(--accent-ink);overflow:hidden;padding:12px 0;border-block:3px solid var(--accent-ink)}.ticker__track{display:flex;width:max-content;white-space:nowrap;font-size:1.05rem;font-weight:800;letter-spacing:.25em;animation:ticker-scroll 22s linear infinite}@keyframes ticker-scroll{to{transform:translate(-50%)}}.section{padding:120px 28px calc(120px + var(--player-h));max-width:1280px;margin:0 auto}.section__head{margin-bottom:56px}.section__title{font-size:clamp(2.4rem,6vw,4.5rem);font-weight:800;letter-spacing:.1em;border-bottom:1px solid var(--line);padding-bottom:16px;position:relative}.section__title:after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:3px;background:var(--accent)}.section__sub{margin-top:14px;font-size:.75rem;letter-spacing:.3em;color:var(--muted)}.mix-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}.mix-card{background:var(--bg-raise);border:1px solid var(--line);cursor:pointer;text-align:left;color:inherit;font:inherit;padding:0;position:relative;overflow:hidden;transition:border-color .25s ease,transform .25s ease}.mix-card:hover,.mix-card:focus-visible{border-color:var(--accent);transform:translateY(-4px)}.mix-card__thumb{position:relative;aspect-ratio:1;overflow:hidden}.mix-card__thumb img,.mix-card__thumb svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.mix-card:hover .mix-card__thumb img,.mix-card:hover .mix-card__thumb svg{transform:scale(1.04)}.mix-card__play{position:absolute;inset:auto 12px 12px auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--fg);display:grid;place-items:center;font-size:.8rem;background:#050505a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .25s ease,border-color .25s ease}.mix-card:hover .mix-card__play,.mix-card--playing .mix-card__play{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.eq{display:flex;align-items:flex-end;gap:3px;height:16px}.eq i{width:3px;background:var(--accent-ink);animation:eq-bounce .9s ease-in-out infinite}.eq i:nth-child(2){animation-delay:.25s}.eq i:nth-child(3){animation-delay:.5s}@keyframes eq-bounce{0%,to{height:30%}50%{height:100%}}@media(prefers-reduced-motion:reduce){.eq i{animation:none;height:60%}.ticker__track{animation:none}}.mix-card__body{padding:18px;border-top:2px solid transparent}.mix-card--playing .mix-card__body{border-top-color:var(--accent)}.mix-card__title{font-size:1rem;font-weight:700;letter-spacing:.08em}.mix-card__meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.7rem;letter-spacing:.12em;color:var(--muted);font-variant-numeric:tabular-nums}.mix-card__meta .bpm{color:var(--accent);font-weight:700}.event-list{border-top:1px solid var(--line)}.event-row{display:grid;grid-template-columns:72px 140px 1fr auto 32px;align-items:center;gap:16px;padding:16px 4px;border-bottom:1px solid var(--line);transition:background .2s ease}.event-flyer{width:72px;height:72px;object-fit:cover;display:block;border:1px solid var(--line)}a.event-row:hover{background:var(--bg-raise)}a.event-row:hover .event-row__arrow{color:var(--accent);transform:translate(2px,-2px)}.event-row__date{font-weight:700;letter-spacing:.1em;color:var(--accent);font-variant-numeric:tabular-nums}.event-row__next{font-style:normal;font-size:.55rem;letter-spacing:.2em;background:var(--accent);color:var(--accent-ink);padding:2px 6px;margin-left:10px;vertical-align:2px}.event-row__title{font-size:1.15rem;font-weight:700;letter-spacing:.08em}.event-row__venue{font-size:.72rem;letter-spacing:.18em;color:var(--muted)}.event-row__arrow{color:var(--muted);transition:color .2s ease,transform .2s ease}.event-empty{padding:28px 4px;border-bottom:1px solid var(--line);font-size:.75rem;letter-spacing:.25em;color:var(--muted)}.past-events-head{margin:72px 0 8px}.past-events-head__title{font-size:.8rem;font-weight:700;letter-spacing:.3em;color:var(--muted)}.past-year{display:grid;grid-template-columns:150px 1fr;gap:0 16px;padding-top:20px}.past-year__label{grid-row:1 / 99;font-size:1.6rem;font-weight:800;letter-spacing:.1em;color:#3a3a3a;font-variant-numeric:tabular-nums}.past-row{display:grid;grid-template-columns:44px 70px 1fr auto;align-items:center;gap:14px;padding:8px 4px;border-bottom:1px solid #161616}.past-row .event-flyer{width:44px;height:44px;opacity:.85}.past-row__date{font-size:.72rem;letter-spacing:.12em;color:var(--muted);font-variant-numeric:tabular-nums}.past-row__title{font-size:.85rem;font-weight:700;letter-spacing:.1em;color:#ccc}.past-row__venue{font-size:.65rem;letter-spacing:.18em;color:var(--muted)}.about__body{max-width:640px;line-height:2;color:#ccc}.about__specs{margin-top:40px;display:flex;gap:48px;flex-wrap:wrap}.about__specs dt{font-size:.65rem;letter-spacing:.3em;color:var(--muted)}.about__specs dd{margin-top:6px;font-weight:700;letter-spacing:.1em;font-variant-numeric:tabular-nums}.footer{border-top:1px solid var(--line);padding:80px 28px calc(80px + var(--player-h));text-align:center}.footer__cta{font-size:1.4rem;font-weight:800;letter-spacing:.2em}.footer__links{margin-top:24px;display:flex;justify-content:center;gap:32px;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}.footer__links a:hover{color:var(--accent)}.footer__copy{margin-top:48px;font-size:.65rem;letter-spacing:.2em;color:var(--muted)}.player-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;height:var(--player-h);display:flex;align-items:center;gap:16px;padding:0 20px;background:#0a0a0aeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);transform:translateY(100%);transition:transform .4s cubic-bezier(.22,1,.36,1)}.player-bar.is-open{transform:translateY(0)}.player-bar[hidden]{display:flex;visibility:hidden}.player-bar--error .player-bar__skip,.player-bar--error .player-bar__like,.player-bar--error .player-bar__waveform{opacity:.35;pointer-events:none}.player-bar__tach{width:84px;height:84px;flex:none}.player-bar__controls{display:flex;align-items:center;gap:8px;flex:none}.player-bar__toggle{width:48px;height:48px;flex:none;border-radius:50%;border:1px solid var(--fg);background:transparent;color:var(--fg);font-size:.85rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.player-bar__toggle:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.player-bar__skip{width:40px;height:32px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:.66rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:color .2s ease,border-color .2s ease;font-variant-numeric:tabular-nums}.player-bar__skip:hover{color:var(--accent);border-color:var(--accent)}.player-bar__info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:0 1 200px}.player-bar__title{font-size:.8rem;font-weight:700;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar__meta{font-size:.62rem;letter-spacing:.15em;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar__meta.is-error{color:var(--accent)}.player-bar__time{font-size:.68rem;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.player-bar__waveform{flex:1 1 200px;min-width:120px;height:78px;position:relative}.waveform{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;touch-action:none}.waveform:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.player-bar__volume{display:flex;align-items:center;gap:8px;flex:none}.player-bar__volume span{font-size:.6rem;letter-spacing:.15em;color:var(--muted)}#player-volume{width:84px;appearance:none;-webkit-appearance:none;height:4px;background:linear-gradient(var(--accent),var(--accent)) 0 / var(--vol, 100%) 100% no-repeat,#2a2a2a;cursor:pointer}#player-volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--fg)}#player-volume::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--fg)}.player-bar__like{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--accent);font-size:1.05rem;cursor:pointer;transition:border-color .2s ease,transform .15s ease}.player-bar__like:hover{border-color:var(--accent)}.player-bar__like.is-pop{animation:like-pop .35s ease}@keyframes like-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.tach{width:100%;height:100%;display:block}.tach__face{fill:#0a0a0a;stroke:#333;stroke-width:2}.tach__tick{stroke:#777;stroke-width:2}.tach__tick--minor{stroke:#3a3a3a;stroke-width:1}.tach__tick--red{stroke:var(--accent)}.tach__redzone{stroke:var(--accent);fill:none;opacity:.85}.tach__num{fill:#999;font-size:15px;font-family:var(--font-display);font-weight:700;text-anchor:middle;dominant-baseline:middle}.tach__num--red{fill:var(--accent)}.tach__needle{stroke:var(--accent);stroke-width:3;stroke-linecap:round}.tach__cap{fill:#ddd}.tach__label{fill:#666;font-size:10px;letter-spacing:.2em;text-anchor:middle;font-family:var(--font-display)}.tach__bpm{fill:var(--fg);font-size:16px;font-weight:700;text-anchor:middle;font-family:var(--font-display);font-variant-numeric:tabular-nums}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}[data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}.hero__shift{animation:none}}@media(max-width:900px){.player-bar__volume{display:none}}@media(max-width:640px){.site-header__nav{gap:14px;font-size:.7rem}.section{padding:80px 20px calc(80px + var(--player-h))}:root{--player-h: 140px}.player-bar{flex-wrap:wrap;padding:10px 16px;gap:10px 12px;align-content:center}.player-bar__info,.player-bar__tach{display:none}.player-bar__time{order:2}.player-bar__like{order:3;margin-left:auto}.player-bar__waveform{order:4;flex-basis:100%;height:56px}.event-row{grid-template-columns:64px 1fr 32px}.event-row .event-flyer{width:64px;height:64px;grid-row:1 / 4}.event-row__date,.event-row__title,.event-row__venue{grid-column:2}.event-row__arrow{grid-row:2;grid-column:3}.past-year{grid-template-columns:1fr}.past-year__label{grid-row:auto}.past-row{grid-template-columns:44px 70px 1fr}.past-row__venue{grid-column:2 / -1}}