@font-face{font-family:Barlow;src:url('assets/barlow-800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/barlow-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Plex;src:url('assets/plex-mono.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--lime:#d2ff32;--white:#eeeeec;--muted:#979a95;--line:#ffffff32;--socket-size:30px;--title-height:clamp(135px,17vw,210px);--closed-top:calc(100svh - var(--title-height) - 115px);--open-top:230px}
*{box-sizing:border-box}body{margin:0;background:#050605;color:var(--white);font:16px Plex,monospace}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button,a,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:#080908}
.hero{position:relative;isolation:isolate;min-height:740px;height:100svh;overflow:hidden;background:#030403}.atmosphere{position:absolute;top:0;width:50%;height:70%;max-height:620px;z-index:-2;background:url('assets/atmosphere.png') no-repeat;background-size:400% auto;opacity:.55;mask-image:linear-gradient(#000 5%,#000a 40%,transparent 95%);pointer-events:none}.atmosphere-left{left:0;background-position:left top}.atmosphere-right{right:0;background-position:right top}.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 32% 40% at 50% 18%,#0009,transparent)}.masthead{position:absolute;inset:0 0 auto;height:210px;display:flex;justify-content:space-between;padding:30px 3.5vw;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.23em;color:#a6aaa3}.brand{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:132px;height:205px;pointer-events:auto;z-index:7}.brand img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.right-label{text-align:right}.instruction{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);margin:0;text-align:center;font-size:12px;letter-spacing:.22em;width:90%;pointer-events:none;transition:opacity .4s;z-index:2}.instruction span{display:block;font-size:12px;letter-spacing:.04em;color:var(--muted);margin-top:12px}.hero.engaged .instruction{opacity:0}.panels{position:absolute;inset:0;pointer-events:none}.panel{position:absolute;width:calc(50% - 7vw);top:max(430px,var(--closed-top));transition:top .8s cubic-bezier(.22,1,.36,1);pointer-events:auto;--accent:var(--white)}.events{left:3.5vw;--accent:var(--lime)}.artists{right:3.5vw}.panel.connected{top:var(--open-top)}.heading-wrap{position:relative;width:max-content;max-width:100%;margin-inline:auto;height:var(--title-height)}.title-word{font:800 var(--title-height)/.84 Barlow,'Arial Narrow',sans-serif;letter-spacing:-.035em;color:var(--accent);position:relative;margin:0;height:100%;padding:0 0 .05em;user-select:none}.lettering{display:block}.equipment{position:absolute;inset:0;pointer-events:none}
.fader{position:absolute;top:26%;height:46%;width:10px;background:repeating-linear-gradient(to bottom,#0a100ccc 0 1px,transparent 1px 7px);border-left:1px solid #0c110c;transform:translateX(-50%)}.fader:before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:#111;border-radius:2px;box-shadow:1px 0 #fff4}.fader:after{content:'';position:absolute;left:-4px;top:40%;height:14px;width:10px;border-radius:2px;background:linear-gradient(#464a43,#070907 42%,#777e70 48%,#111 57%);box-shadow:0 2px 3px #000a}.fader-one{left:5%;top:20%}.fader-two{left:37%;top:44%;height:30%}.fader-two:after{top:65%}.fader-three{left:75%;top:16%;height:61%}.artists .fader-one{left:7%;top:26%}.artists .fader-two{left:44%;top:51%}.artists .fader-three{left:81%;top:26%;height:47%}.dial{position:absolute;top:53%;left:56%;width:22px;height:22px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#5f6659,#111 58%,#000 68%,#737b65 74%,#151a12 82%);box-shadow:0 2px 4px #0009}.dial:before{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px dashed #151d10}.dial:after{content:'';position:absolute;left:10px;top:3px;width:2px;height:8px;background:#b5bcae;transform:rotate(-22deg);transform-origin:bottom}.artists .dial{left:55%}.meter{position:absolute;left:93%;top:61%;height:23%;width:9px;border:2px solid #0e1608;border-radius:3px;background:repeating-linear-gradient(to top,#6c8425 0 4px,#080c06 4px 6px);box-shadow:0 0 0 1px #9cab8544}.connected .meter{background:repeating-linear-gradient(to top,#d2ff32 0 4px,#111 4px 6px);box-shadow:0 0 10px #bcff1b45}
.socket{position:absolute;left:56%;top:24%;transform:translate(-50%,-50%);width:44px;height:52px;padding:0;display:grid;place-items:center;z-index:6;touch-action:none}.artists .socket{left:55%}.socket-label{position:absolute;bottom:calc(50% + 19px);left:50%;transform:translateX(-50%);font:600 12px/1 Plex,monospace;letter-spacing:.04em;color:#0c1109}.socket-rim{display:grid;place-items:center;width:var(--socket-size);height:var(--socket-size);border-radius:50%;background:linear-gradient(140deg,#ddd,#51564e 32%,#e8eee2 45%,#777 60%,#eee);box-shadow:0 2px 4px #000b;transition:box-shadow .15s}.socket-hole{width:calc(var(--socket-size) - 7px);height:calc(var(--socket-size) - 7px);border-radius:50%;background:radial-gradient(circle at 60% 70%,#171c16,#000 60%);border:1px solid #343831}.socket.target .socket-rim,.socket:hover .socket-rim{box-shadow:0 0 0 4px #d2ff3233,0 0 24px #d2ff3299}.socket.connected .socket-hole{background:radial-gradient(#373e32,#0a0e08);box-shadow:inset 0 0 0 4px #666b60}
.panel-content{margin-top:20px;opacity:0;transform:translateY(10px);max-height:calc(100svh - var(--open-top) - var(--title-height) - 90px);overflow:auto;scrollbar-width:thin;scrollbar-color:#555 transparent;overscroll-behavior:contain;transition:opacity .4s .25s,transform .4s .25s}.connected .panel-content{opacity:1;transform:translateY(0)}.panel-tools{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--line);padding:0 0 12px}.disconnect{font-size:12px;padding:6px 0 6px 10px;letter-spacing:.06em}.disconnect:hover{color:var(--accent)}.disconnect span{font-size:18px;margin-left:4px}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;min-height:62px;padding:15px 2px}summary::-webkit-details-marker{display:none}summary:after{content:'+';margin-left:auto;flex-shrink:0;font:400 24px/1 Plex;color:var(--muted)}details[open]>summary:after{content:'−';color:var(--lime)}summary:hover,details[open]>summary{color:var(--lime)}.event-date{color:#b8beb3;flex:0 0 88px;font-size:12px;white-space:nowrap}.event-title{font:600 21px/1.15 Barlow,sans-serif;letter-spacing:.025em}.lineup{padding:2px 20px 20px 106px;font-size:14px;color:#c3c8bd}.lineup p{margin:6px 0;line-height:1.65}.lineup .location{font-size:12px;color:#969f8e}.fb-event{display:block;padding:14px 12px;margin:0 -12px;transition:background .2s}.fb-event:hover{background:#d2ff320a}.event-outbound{display:inline-block;margin-top:12px;color:var(--white);border-bottom:1px solid #d2ff3266;font-size:12px;letter-spacing:.07em}.fb-event:hover .event-outbound{color:var(--lime)}.archive-summary{font:600 22px/1 Barlow,sans-serif;letter-spacing:.08em}.archive-list{padding-left:18px;border-left:1px solid var(--line);margin:0 0 16px 4px}.archive-list details:last-child{border-bottom:0}.archive-list .lineup{padding-left:0}.artist-list{list-style:none;margin:0;padding:0}.artist-row{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}.artist-name{font:600 25px/1.05 Barlow,sans-serif;letter-spacing:.04em}.artist-links{display:flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:flex-end}.social{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;color:#c4c8bf;transition:color .2s,background .2s,transform .2s;position:relative}.social svg{width:21px;height:21px;fill:currentColor;display:block}.social:hover{color:var(--brand-color,var(--lime));background:#ffffff0a;transform:translateY(-2px)}.social .tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);opacity:0;pointer-events:none;background:#161a13;border:1px solid #414a36;padding:5px 8px;white-space:nowrap;color:#eee;font-size:12px;z-index:20}.social:hover .tooltip,.social:focus-visible .tooltip{opacity:1}
#cables{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.plug{position:absolute;width:44px;height:84px;padding:0;z-index:8;touch-action:none;cursor:grab;transform:translate(-50%,-50%);will-change:left,top;filter:drop-shadow(0 2px 5px #000);--metal1:#e8eee3;--metal2:#5c6359;--metal3:#a9b0a4}.plug-events{--metal1:#eeffaf;--metal2:#789211;--metal3:#ccff23}.plug.dragging{cursor:grabbing;filter:drop-shadow(0 0 10px #d2ff3244)}.plug-strain{position:absolute;left:19px;top:0;width:6px;height:21px;border-radius:3px;background:repeating-linear-gradient(#747d6c 0 2px,#161c12 2px 4px)}.plug-grip{position:absolute;top:19px;left:13px;width:18px;height:34px;border-radius:4px;background:linear-gradient(90deg,var(--metal2),var(--metal1) 32%,var(--metal3) 50%,var(--metal2) 100%);border:1px solid #ffffff35}.plug-tip{position:absolute;left:18px;top:53px;width:8px;height:30px;background:linear-gradient(90deg,var(--metal2),var(--metal1),var(--metal2));clip-path:polygon(0 0,100% 0,100% 72%,70% 82%,100% 91%,50% 100%,0 91%,30% 82%,0 72%)}.plug-tip:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#080a07 25% 32%,transparent 32% 58%,#080a07 58% 65%,transparent 65%)}.plug.docked{height:32px;width:30px;cursor:pointer}.plug.docked .plug-tip{display:none}.plug.docked .plug-grip{top:9px;left:8px;width:14px;height:20px;transform:rotate(-14deg);border-radius:4px 4px 7px 7px}.plug.docked .plug-strain{top:0;left:11px;height:13px}.plug:focus-visible{outline-offset:4px;border-radius:10px}footer{position:absolute;bottom:24px;left:3.5vw;right:3.5vw;display:flex;align-items:center;gap:15px;font-size:12px;letter-spacing:.2em;z-index:9}.footer-line{height:1px;flex:1;background:#ffffff55}.footer-brand{white-space:nowrap;color:#a3aa9b}.footer-social{display:flex;gap:3px;margin-left:-8px}.footer-social .social{width:25px;height:28px}.footer-social svg{width:15px;height:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1600px){:root{--open-top:260px;--title-height:220px}.artist-name{font-size:29px}.event-title{font-size:25px}.social{width:40px;height:40px}}
@media(max-height:780px) and (min-width:761px){:root{--open-top:190px;--title-height:145px}.hero{min-height:660px}.brand{height:175px;width:113px}.panel-content{max-height:calc(100svh - 420px)}.panel{top:calc(100svh - 235px)}summary,.artist-row{min-height:55px}.instruction{top:43%}}
@media(max-width:1050px) and (min-width:761px){.artist-row{flex-wrap:wrap;gap:6px}.artist-links{justify-content:flex-start}.event-title{font-size:19px}.lineup{padding-left:0}summary{gap:10px}.artist-name{font-size:23px}.eyebrow{font-size:12px;letter-spacing:.08em}}
@media(max-width:760px){:root{--title-height:clamp(132px,30vw,190px);--socket-size:30px}.hero{height:auto;min-height:100svh;overflow:hidden;padding-bottom:85px}.masthead{height:185px;padding:22px}.brand{height:168px;width:108px;top:0}.eyebrow{font-size:12px;letter-spacing:.05em;max-width:86px;line-height:1.6}.right-label{display:none}.atmosphere{height:430px;max-height:none;opacity:.4}.atmosphere-left{width:100%;background-size:400% auto}.atmosphere-right{top:560px;width:100%;background-size:400% auto;opacity:.25}.instruction{position:absolute;top:192px;font-size:12px;line-height:1.5;letter-spacing:.1em}.instruction span{margin-top:6px}.panels{position:relative;inset:auto;display:flex;flex-direction:column;gap:16px;padding-top:235px;pointer-events:auto}.panel{position:relative;left:auto;right:auto;top:auto!important;width:100%;padding:110px 22px 0;transition:padding .65s cubic-bezier(.22,1,.36,1)}.panel.connected{padding-top:35px}.panel.artists{padding-top:130px}.panel.artists.connected{padding-top:35px}.heading-wrap{height:var(--title-height)}.panel-content{max-height:none;overflow:visible;margin-top:12px}.event-title{font-size:21px}.artist-name{font-size:25px}.artist-row{min-height:70px;flex-wrap:wrap;gap:5px}.artist-links{margin-left:auto;gap:0}.social{width:35px;height:38px}.lineup{padding-left:0}.event-date{flex-basis:82px;font-size:12px}summary{gap:10px}.panel-tools{font-size:12px}.fader{width:8px}.socket-label{font-size:12px}.dial{width:21px;height:21px}footer{bottom:20px;left:22px;right:22px;gap:8px;font-size:12px;letter-spacing:.06em}.footer-social{gap:0;margin-left:-3px}.footer-brand{font-size:11px}.footer-line{min-width:12px}.archive-list{padding-left:10px}.archive-summary{font-size:21px}}
.atmosphere-left{width:100%;height:100%;max-height:none;background-image:url('assets/background.png');background-size:cover;background-position:center top;opacity:.8;mask-image:none}.atmosphere-right{display:none}
@media(max-width:760px){.atmosphere-left{height:650px;background-size:auto 650px;background-position:35% top;opacity:.5}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}