:root{
  --asphalt:#0B0B0C;
  --rag:#A7ADB2;
  --concrete:#D8D0C3;
  --hazard:#F5E400;
  --torch:#FF4D00;
  --coolant:#1DE5C6;
  --violet:#7A5CFF;
  --grease:#17130F;
  --display:'Bungee Inline', cursive;
  --body:'Chivo', sans-serif;
  --spray:'Rubik Spray Paint', cursive;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--asphalt);color:var(--concrete)}
body{margin:0;font-family:var(--body);overflow-x:hidden;background:radial-gradient(circle at 20% 10%,rgba(29,229,198,.14),transparent 26rem),linear-gradient(135deg,var(--asphalt),var(--grease) 48%,#060606);}
body.pulled .shutter{transform:translateY(-64vh);filter:drop-shadow(0 0 34px var(--coolant))}
body.pulled .shutter-pull{transform:rotate(-6deg) translateY(22px);background:var(--coolant);color:var(--asphalt)}
.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.18;background-image:repeating-radial-gradient(circle at 10% 20%,rgba(216,208,195,.18) 0 1px,transparent 1px 7px),repeating-linear-gradient(115deg,transparent 0 11px,rgba(255,77,0,.07) 12px,transparent 14px)}
.garage-cable{position:fixed;top:18px;left:50%;transform:translateX(-50%) rotate(-1deg);z-index:30;display:flex;gap:10px;padding:14px 18px 11px;background:linear-gradient(#222,#060606);border:2px solid var(--rag);box-shadow:0 10px 0 rgba(0,0,0,.45)}
.garage-cable:before{content:"";position:absolute;left:-8vw;right:-8vw;top:8px;height:4px;background:var(--rag);z-index:-1}
.garage-cable a{font:900 12px var(--body);letter-spacing:.12em;color:var(--asphalt);text-decoration:none;background:var(--hazard);padding:7px 9px;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);transition:.25s}
.garage-cable a:hover{background:var(--torch);color:var(--concrete);transform:translateY(5px) rotate(4deg)}
.bay{position:relative;min-height:100vh;overflow:hidden;padding:118px 7vw 70px;display:grid;align-items:center;border-bottom:10px solid transparent;background-blend-mode:screen,normal;isolation:isolate}
.bay:before{content:attr(data-bay);position:absolute;right:5vw;top:14vh;font:900 12vw var(--display);color:rgba(167,173,178,.08);transform:rotate(-10deg);z-index:-1}
.bay:after{content:"";position:absolute;inset:auto -10% 0 -10%;height:38%;background:repeating-linear-gradient(126deg,rgba(245,228,0,.18) 0 20px,rgba(11,11,12,.3) 20px 40px);transform:skewY(-5deg);z-index:-2}
h1,h2{font-family:var(--display);font-weight:400;margin:0;text-transform:lowercase;line-height:.92;letter-spacing:.015em}
h1{font-size:clamp(3.3rem,12vw,10.8rem);text-shadow:0 0 14px var(--coolant),0 0 42px rgba(29,229,198,.8),7px 7px 0 var(--torch)}
h2{font-size:clamp(2.5rem,7vw,7rem);color:var(--hazard);text-shadow:5px 5px 0 var(--asphalt),0 0 22px rgba(255,77,0,.35)}
p{font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.5}.spray{font-family:var(--spray);color:var(--coolant);letter-spacing:.05em;text-transform:uppercase;transform:rotate(-2deg)}
.alley{background:radial-gradient(circle at 80% 40%,rgba(255,77,0,.2),transparent 22rem),linear-gradient(160deg,#020202 0%,var(--asphalt) 58%,var(--grease));grid-template-columns:1fr;place-items:center;text-align:center}.neon-sign{position:relative;padding:42px 44px 28px;border:5px solid var(--coolant);background:rgba(11,11,12,.68);box-shadow:0 0 36px rgba(29,229,198,.7),inset 0 0 28px rgba(29,229,198,.18);transform:rotate(-2deg);z-index:3}.open-ticket{display:inline-block;margin-top:20px;padding:10px 16px;background:var(--concrete);color:var(--asphalt);font-weight:900;letter-spacing:.12em;text-transform:uppercase;transform:rotate(3deg)}
.flicker{animation:flicker 4s infinite}.shutter{position:absolute;top:0;left:0;right:0;height:64vh;z-index:5;background:repeating-linear-gradient(0deg,#1f1f20 0 20px,#070707 20px 36px);border-bottom:8px solid var(--rag);transition:transform 1.1s cubic-bezier(.2,.9,.1,1);opacity:.93}.shutter span{display:block;height:20%;border-bottom:2px solid rgba(216,208,195,.18)}.shutter-pull{position:absolute;right:12vw;top:33vh;z-index:6;border:0;background:var(--torch);color:var(--concrete);font:900 16px var(--body);text-transform:uppercase;padding:16px 18px;border-radius:0;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);cursor:pointer;box-shadow:0 0 0 4px var(--asphalt),0 0 24px var(--torch);transition:.45s}.oil-puddle{position:absolute;bottom:6vh;left:14vw;width:36vw;height:12vw;min-height:92px;border-radius:50%;background:conic-gradient(from 20deg,var(--coolant),var(--violet),var(--torch),var(--hazard),var(--coolant));filter:blur(.2px);opacity:.86;transform:skewX(-22deg);animation:oil 5s linear infinite}.oil-puddle span{display:block;margin-top:8%;font-family:var(--spray);color:var(--asphalt);font-size:clamp(1rem,2.5vw,2.6rem);transform:skewX(22deg) rotate(-5deg)}.headlight{position:absolute;bottom:20vh;width:25vw;height:18vw;background:radial-gradient(ellipse,var(--hazard),rgba(245,228,0,.14) 42%,transparent 70%);mix-blend-mode:screen;animation:pulse 1.2s infinite alternate}.headlight.left{left:-5vw;transform:rotate(-20deg)}.headlight.right{right:-5vw;transform:rotate(20deg)}.socket-orbit{position:absolute;width:42vw;height:42vw;min-width:340px;min-height:340px;border:2px dashed rgba(167,173,178,.28);border-radius:50%;animation:spin 24s linear infinite}.socket-orbit i{position:absolute;width:28px;height:28px;border:6px solid var(--rag);background:var(--asphalt);clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.socket-orbit i:nth-child(1){left:50%;top:-14px}.socket-orbit i:nth-child(2){right:7%;top:19%}.socket-orbit i:nth-child(3){right:8%;bottom:18%}.socket-orbit i:nth-child(4){left:50%;bottom:-14px}.socket-orbit i:nth-child(5){left:7%;bottom:19%}.socket-orbit i:nth-child(6){left:8%;top:18%}
.toolwall{grid-template-columns:1.05fr .95fr;gap:8vw;background:linear-gradient(102deg,rgba(29,229,198,.08),transparent 40%),var(--grease)}.pegboard{position:absolute;inset:8vh 4vw 8vh 45vw;background:radial-gradient(circle,var(--rag) 0 3px,transparent 4px) 0 0/32px 32px;opacity:.23;transform:rotate(4deg)}.work-order{position:relative;background:var(--concrete);color:var(--asphalt);padding:30px;box-shadow:16px 16px 0 var(--torch),-10px -10px 0 rgba(29,229,198,.6);clip-path:polygon(0 5%,95% 0,100% 88%,82% 100%,0 96%)}.work-order p{font-weight:900;color:var(--torch);letter-spacing:.16em}.work-order span{display:block;margin-top:20px;font-size:1.15rem}.tilted{transform:rotate(-5deg)}.drawer-stack{display:grid;gap:20px;z-index:2}.drawer{border:3px solid var(--rag);background:#24201b;color:var(--concrete);padding:22px 30px;text-align:left;font-family:var(--body);box-shadow:12px 0 0 var(--asphalt);transform:translateX(0) skewX(-8deg);cursor:pointer;transition:.45s}.drawer b{display:block;font:400 clamp(1.7rem,3.3vw,3.2rem) var(--display);color:var(--hazard)}.drawer span{display:block;margin-top:8px;color:var(--coolant);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.drawer.open,.drawer:hover{transform:translateX(-58px) skewX(-8deg);background:var(--torch)}.drawer.open b,.drawer:hover b{color:var(--concrete)}.wrench-garland{position:absolute;left:4vw;right:5vw;top:20vh;height:60px;border-top:4px solid var(--rag);transform:rotate(-8deg)}.wrench-garland span{position:absolute;top:5px;width:12px;height:72px;background:var(--rag);border-radius:8px}.wrench-garland span:after{content:"";position:absolute;bottom:-15px;left:-12px;width:36px;height:22px;border:7px solid var(--rag);border-top-color:transparent;border-radius:50%}.wrench-garland span:nth-child(1){left:8%}.wrench-garland span:nth-child(2){left:28%}.wrench-garland span:nth-child(3){left:49%}.wrench-garland span:nth-child(4){left:69%}.wrench-garland span:nth-child(5){left:88%}.lamp{position:absolute;top:0;width:6px;height:28vh;background:var(--rag);transform-origin:top;animation:swing 4s ease-in-out infinite}.lamp:after{content:"";position:absolute;bottom:-45px;left:-36px;width:78px;height:52px;background:var(--hazard);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);box-shadow:0 28px 80px var(--hazard)}.lamp-a{left:18vw}.lamp-b{left:62vw;animation-delay:-1.5s}
.liftbay{background:radial-gradient(circle at 50% 30%,rgba(122,92,255,.28),transparent 28rem),var(--asphalt);grid-template-columns:.9fr 1.1fr}.car-lift{position:absolute;inset:8vh 4vw auto;height:38vh;z-index:0}.car-belly{position:absolute;left:12vw;right:10vw;top:0;height:135px;background:linear-gradient(#292929,#050505);border:5px solid var(--rag);border-radius:28px 28px 8px 8px;box-shadow:0 22px 45px rgba(29,229,198,.4)}.car-belly span{position:absolute;bottom:-28px;width:90px;height:24px;background:var(--coolant);box-shadow:0 0 28px var(--coolant)}.car-belly span:nth-child(1){left:12%}.car-belly span:nth-child(2){left:45%}.car-belly span:nth-child(3){right:12%}.lift-arm{position:absolute;top:125px;height:16px;width:37vw;background:var(--torch);transform-origin:left center;box-shadow:0 0 0 5px var(--asphalt)}.arm-one{left:15vw;transform:rotate(21deg)}.arm-two{right:12vw;transform:rotate(159deg)}.chain{position:absolute;top:130px;width:8px;height:30vh;background:repeating-linear-gradient(0deg,var(--rag) 0 10px,transparent 10px 18px)}.chain-one{left:24vw}.chain-two{right:25vw}.hubcap{position:absolute;top:35vh;width:90px;height:90px;border-radius:50%;background:repeating-conic-gradient(var(--rag) 0 12deg,#333 12deg 24deg);border:8px solid var(--concrete);animation:spin 8s linear infinite}.cap-one{left:20vw}.cap-two{right:21vw;animation-duration:5s}.hanging-panel{z-index:2;grid-column:2;background:rgba(11,11,12,.82);padding:34px;border-left:12px solid var(--coolant);box-shadow:18px 18px 0 rgba(122,92,255,.45);transform:rotate(4deg)}.equalizer{align-self:end;display:flex;gap:12px;height:150px;align-items:end}.equalizer span{width:34px;background:linear-gradient(var(--hazard),var(--torch));animation:eq .7s infinite alternate}.equalizer span:nth-child(2){animation-delay:.1s}.equalizer span:nth-child(3){animation-delay:.2s}.equalizer span:nth-child(4){animation-delay:.3s}.equalizer span:nth-child(5){animation-delay:.15s}.equalizer span:nth-child(6){animation-delay:.25s}.equalizer span:nth-child(7){animation-delay:.05s}
.paintbooth{background:linear-gradient(115deg,rgba(255,77,0,.35),rgba(122,92,255,.14)),var(--grease);place-items:center}.overspray{position:absolute;inset:-10%;background:radial-gradient(circle at 20% 40%,rgba(29,229,198,.28),transparent 18rem),radial-gradient(circle at 70% 55%,rgba(245,228,0,.18),transparent 20rem),radial-gradient(circle at 45% 20%,rgba(255,77,0,.25),transparent 16rem);filter:blur(16px);animation:drift 8s infinite alternate}.booth-card{position:relative;max-width:760px;background:var(--concrete);color:var(--asphalt);padding:46px;transform:rotate(-3deg);box-shadow:0 0 0 10px var(--asphalt),24px 24px 0 var(--coolant);z-index:1}.booth-card h2{color:var(--torch);text-shadow:4px 4px 0 var(--hazard)}.sticker-cloud b{position:absolute;background:var(--hazard);color:var(--asphalt);padding:12px 16px;font-weight:900;letter-spacing:.1em;box-shadow:8px 8px 0 var(--asphalt);transform:rotate(var(--r))}.sticker-cloud b:nth-child(1){--r:12deg;top:18vh;left:12vw}.sticker-cloud b:nth-child(2){--r:-8deg;top:68vh;left:10vw;background:var(--coolant)}.sticker-cloud b:nth-child(3){--r:5deg;top:16vh;right:12vw;background:var(--torch);color:var(--concrete)}.sticker-cloud b:nth-child(4){--r:-14deg;bottom:12vh;right:18vw}.sticker-cloud b:nth-child(5){--r:18deg;bottom:20vh;left:43vw;background:var(--violet);color:var(--concrete)}.spark-trail span{position:absolute;width:8px;height:60px;background:var(--hazard);box-shadow:0 0 18px var(--torch);animation:spark 1.4s infinite}.spark-trail span:nth-child(1){left:22vw;top:24vh}.spark-trail span:nth-child(2){left:68vw;top:28vh;animation-delay:.2s}.spark-trail span:nth-child(3){left:74vw;top:62vh;animation-delay:.35s}.spark-trail span:nth-child(4){left:32vw;top:72vh;animation-delay:.5s}.spark-trail span:nth-child(5){left:52vw;top:18vh;animation-delay:.7s}
.rotor{background:radial-gradient(circle at center,rgba(245,228,0,.12),transparent 30rem),var(--asphalt);grid-template-columns:1fr 1fr}.rotor-deck{position:relative;height:58vh;z-index:2;filter:drop-shadow(0 0 30px rgba(29,229,198,.25))}.rotor-disc{position:absolute;top:14vh;width:26vw;height:26vw;min-width:230px;min-height:230px;border-radius:50%;background:repeating-conic-gradient(var(--rag) 0 8deg,#3d3d3f 8deg 18deg,var(--asphalt) 18deg 28deg);border:14px solid var(--concrete);box-shadow:inset 0 0 0 4vw var(--asphalt),inset 0 0 0 5.3vw var(--torch);animation:spin 9s linear infinite}.disc-left{left:4vw}.disc-right{right:3vw;animation-direction:reverse}.mixer{position:absolute;left:22%;right:18%;bottom:5vh;height:120px;background:#1d1d1e;border:5px solid var(--rag);transform:skewX(-8deg)}.mixer span{display:inline-block;width:20%;height:16px;margin:52px 5%;background:var(--coolant);box-shadow:0 0 18px var(--coolant)}.speaker-stack{position:absolute;bottom:6vh;width:120px;display:grid;gap:12px}.speaker-stack span{height:98px;background:radial-gradient(circle,var(--violet) 0 24%,#111 25% 45%,var(--rag) 46% 50%,#111 51%);border:5px solid var(--rag);box-shadow:0 0 22px rgba(122,92,255,.55)}.left-stack{left:4vw}.right-stack{right:4vw}.rotor-note{z-index:4;background:rgba(23,19,15,.9);padding:35px;border-top:10px solid var(--hazard);border-right:10px solid var(--torch);transform:rotate(3deg)}
.rooftop{background:radial-gradient(circle at 60% 20%,rgba(122,92,255,.52),transparent 32rem),linear-gradient(180deg,var(--grease),#020202);place-items:center;text-align:center}.tire-rooftop{position:absolute;bottom:-20px;left:0;right:0;height:170px;display:flex;justify-content:center;gap:0}.tire-rooftop span{width:210px;height:210px;border-radius:50%;background:repeating-radial-gradient(circle,#080808 0 18px,#2c2c2e 18px 26px);border:12px solid #111;margin:0 -24px;box-shadow:0 0 0 8px var(--asphalt)}.violet-smoke{position:absolute;inset:0;background:radial-gradient(circle at 30% 65%,rgba(122,92,255,.32),transparent 22rem),radial-gradient(circle at 72% 38%,rgba(29,229,198,.18),transparent 24rem);animation:drift 7s infinite alternate}.final-invite{position:relative;max-width:900px;background:rgba(11,11,12,.76);padding:45px;border:4px solid var(--coolant);box-shadow:0 0 50px rgba(122,92,255,.55);z-index:2}.ticket-stub{display:inline-block;margin-top:20px;background:var(--hazard);color:var(--asphalt);padding:14px 18px;font-weight:900;letter-spacing:.15em;transform:rotate(-2deg)}.disco-lugs i{position:absolute;width:38px;height:38px;background:conic-gradient(var(--concrete),var(--coolant),var(--violet),var(--concrete));clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);animation:float 3s infinite alternate}.disco-lugs i:nth-child(1){left:15vw;top:22vh}.disco-lugs i:nth-child(2){left:27vw;top:38vh;animation-delay:.2s}.disco-lugs i:nth-child(3){left:48vw;top:16vh;animation-delay:.4s}.disco-lugs i:nth-child(4){right:22vw;top:32vh;animation-delay:.6s}.disco-lugs i:nth-child(5){right:12vw;top:20vh;animation-delay:.8s}.disco-lugs i:nth-child(6){left:10vw;bottom:25vh;animation-delay:1s}.disco-lugs i:nth-child(7){right:8vw;bottom:30vh;animation-delay:1.2s}
.bay.in-view .work-order,.bay.in-view .hanging-panel,.bay.in-view .booth-card,.bay.in-view .rotor-note,.bay.in-view .final-invite{animation:stamp .65s cubic-bezier(.2,1.4,.4,1) both}.bay.in-view .sticker-cloud b{animation:sticker .55s both}.bay.in-view .sticker-cloud b:nth-child(2){animation-delay:.08s}.bay.in-view .sticker-cloud b:nth-child(3){animation-delay:.16s}.bay.in-view .sticker-cloud b:nth-child(4){animation-delay:.24s}.bay.in-view .sticker-cloud b:nth-child(5){animation-delay:.32s}
@keyframes flicker{0%,18%,22%,25%,53%,57%,100%{opacity:1}20%,24%,55%{opacity:.42}}@keyframes oil{to{filter:hue-rotate(360deg)}}@keyframes pulse{to{opacity:.4;transform:scale(1.08) rotate(var(--turn,0deg))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes swing{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}@keyframes eq{0%{height:24px}100%{height:145px}}@keyframes drift{to{transform:translate(4vw,-3vh) scale(1.06)}}@keyframes spark{0%{transform:translate(0,0) rotate(45deg);opacity:0}20%{opacity:1}100%{transform:translate(70px,80px) rotate(45deg);opacity:0}}@keyframes stamp{0%{opacity:0;transform:translateY(80px) rotate(-12deg) scale(.8)}100%{opacity:1}}@keyframes sticker{0%{opacity:0;transform:scale(2) rotate(30deg)}100%{opacity:1;transform:rotate(var(--r))}}@keyframes float{to{transform:translateY(-24px) rotate(90deg)}}
@media (max-width:850px){.garage-cable{gap:4px;max-width:96vw;overflow:hidden;padding:10px}.garage-cable a{font-size:10px;padding:6px}.bay{padding:100px 6vw 55px;min-height:105vh}.toolwall,.liftbay,.rotor{grid-template-columns:1fr;gap:24px}.pegboard{inset:10vh 0}.drawer.open,.drawer:hover{transform:translateX(-18px) skewX(-8deg)}.rotor-disc{width:46vw;height:46vw;min-width:170px;min-height:170px}.disc-left{left:0}.disc-right{right:0}.speaker-stack{display:none}.oil-puddle{width:72vw;height:28vw}.neon-sign{padding:28px 16px}}