:root{--bg-1:#1a2540;--bg-2:#0a1230;--bg-3:#02050f;--paper:#2a3a55;--ink:#f0e6c0;--ink-soft:#b8a878;--accent:#e8c050;--vinyl:#0d0a08;--vinyl-shine:#1a1f2a;--glow:#f0c85a80;--vignette:#00000ab3;--scene-overlay:linear-gradient(transparent, transparent);--noise-opacity:.18}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;color:var(--ink);font-family:Abel,sans-serif;transition:color 1.2s;overflow-x:hidden}body{background:var(--scene-overlay), url(/covers/finalfinalmob.webp) center center / cover no-repeat, radial-gradient(ellipse at 50% 110%, var(--bg-3) 0%, var(--bg-2) 35%, var(--bg-1) 80%);min-height:100vh;transition:background 1.4s;position:relative}@media (min-width:860px){body{background:var(--scene-overlay), url(/covers/finafinallbg.png) center center / auto 140% no-repeat fixed, #000}html,body{height:100vh;overflow:hidden}.stage{height:100vh}}@media (max-width:859px) and (orientation:portrait){body{background-size:auto,auto 112%,auto}}body:before{content:"";pointer-events:none;opacity:var(--noise-opacity);mix-blend-mode:multiply;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.stage{z-index:3;flex-direction:column;align-items:center;min-height:100vh;padding:6px 24px 24px;display:flex;position:relative}.masthead{text-align:center;margin-bottom:0}.masthead .logo{width:clamp(440px,64vw,860px);height:auto;margin:0 auto;display:block}.subpage-content{text-align:center;max-width:720px;color:var(--ink);flex-direction:column;align-items:center;gap:24px;margin:6vh auto 0;padding:0 24px;font-family:Abel,sans-serif;display:flex}.subpage-title{color:#cfd2d6;letter-spacing:.3em;text-transform:uppercase;font-family:Abel,sans-serif;font-size:clamp(1.8rem,4.5vw,2.6rem)}.subpage-content p{letter-spacing:.06em;color:var(--ink-soft);font-size:clamp(1.15rem,2vw,1.3rem);line-height:1.8}.subpage-content .side-link{writing-mode:horizontal-tb;text-orientation:mixed;padding:12px 22px}.subpage-signature{letter-spacing:.12em;color:var(--ink);align-self:flex-end;margin-top:8px;font-style:italic}.gig-entry{flex-direction:column;align-items:center;gap:6px;width:100%;padding:24px 32px;display:flex}.gig-name{text-transform:uppercase;margin:0;color:var(--ink)!important;letter-spacing:.2em!important;font-size:clamp(1.3rem,3vw,1.7rem)!important}.gig-details{margin:0;color:var(--ink-soft)!important;letter-spacing:.1em!important;font-size:clamp(1rem,2vw,1.2rem)!important}.gig-map-link{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid #cfd2d666;margin-top:10px;font-family:Abel,sans-serif;font-size:.8rem;text-decoration:none;transition:color .25s,border-color .25s}.gig-map-link:hover{color:var(--ink);border-color:var(--ink)}.player-scene{flex-direction:row;align-items:center;gap:40px;width:min(1420px,96vw);margin:auto;display:flex;transform:translateY(9vh)}.album-sidebar{flex:1;min-width:0}.side-link{writing-mode:vertical-rl;text-orientation:upright;color:#cfd2d6;letter-spacing:.18em;text-transform:uppercase;text-align:center;border:1px solid #cfd2d666;border-radius:4px;flex-shrink:0;align-self:center;padding:22px 12px;font-family:Abel,sans-serif;font-size:.85rem;text-decoration:none;transition:color .25s,border-color .25s,box-shadow .25s}.side-link:hover{color:#fff;border-color:#ffffffb3;box-shadow:0 0 12px #ffffff2e}.side-link-img,.side-link-img-mobile{display:none}@media (min-width:860px){.side-link-img{width:90px;height:auto;display:block}.side-link-left .side-link-img{width:140px}.side-link-text{display:none}.side-link{writing-mode:horizontal-tb;background:0 0;border:none;padding:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.side-link:hover{box-shadow:none;border-color:#0000}.side-link-left{transform:translate(14px)rotate(-7deg)}.side-link-left:hover{transform:translate(14px)rotate(-7deg)translateY(-8px)}.side-link-right{transform:rotate(5deg)}.side-link-right:hover{transform:rotate(5deg)translateY(-8px)}}.turntable-wrap{aspect-ratio:1420/1108;flex-shrink:0;width:min(365px,40vw);position:relative}.turntable{background-image:url(/covers/playeronlynew.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 60px -20px #000000d9,0 8px 24px #00000080}.platter{aspect-ratio:1;border-radius:50%;width:68%;position:absolute;top:49.4%;left:39.8%;transform:translate(-50%,-50%)}.record-spinner{aspect-ratio:1;pointer-events:none;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.record{aspect-ratio:1;pointer-events:none;background:repeating-radial-gradient(circle,#000 0 1px,#0d0d0d 1px 2px),radial-gradient(circle at 35% 30%,#111 0%,#000 70%);border-radius:50%;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:inset 0 0 30px #000c,0 4px 20px #0009}.record:before{content:"";pointer-events:none;background:radial-gradient(at 30% 25%,#ffffff24,#0000 35%),conic-gradient(from 180deg,#0000 0deg,#ffffff12 90deg,#0000 180deg,#ffffff0a 270deg,#0000 360deg);border-radius:50%;position:absolute;inset:0}.record-label{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:50%;width:32%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #0006,0 0 0 2px #000}.record-label:after{content:"";background:#000;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 4px #000000e6}.record.show{transform:translate(-50%,-50%)scale(1)}.record.playing{animation:4s linear infinite spin;transform:translate(-50%,-50%)scale(1)}.record.playing.paused{animation-play-state:paused}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.tonearm{transform-origin:82.2% 21.6%;z-index:8;pointer-events:none;filter:drop-shadow(0 6px 10px #00000073);width:60%;transition:transform 1.1s cubic-bezier(.45,0,.3,1);position:absolute;top:11.4%;left:34.2%;transform:rotate(18deg)}.tonearm img{width:100%;height:auto;display:block}.tonearm.playing{transform:rotate(0)}.start-stop-btn{cursor:pointer;z-index:9;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;width:9.9%;height:11.3%;padding:0;transition:filter .15s,transform 80ms;position:absolute;top:86.5%;left:2.3%}.start-stop-btn:hover{filter:brightness(1.06)}.start-stop-btn:active{filter:brightness(.94);transform:translateY(1px)scale(.985)}.start-stop-btn:disabled{cursor:default}.spin-hint{color:var(--ink);pointer-events:none;z-index:10;opacity:.92;align-items:flex-start;gap:2px;transition:opacity .6s;display:flex;position:absolute;top:68%;left:15%}.spin-hint.hidden{opacity:0}.spin-hint-arrow{filter:drop-shadow(0 1px 2px #00000080);flex-shrink:0;width:clamp(52px,21%,82px);height:auto;margin-top:16px}.spin-hint-text{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 3px #0000008c;margin-top:2px;font-family:Abel,sans-serif;font-size:clamp(.62rem,2.4vw,.8rem);transform:translate(-20px)}.shelf-title{color:var(--ink-soft);letter-spacing:.4em;text-transform:uppercase;text-align:center;margin-bottom:22px;font-family:Abel,sans-serif;font-size:.75rem;transition:color 1.2s}.shelf{flex-direction:column;align-items:center;gap:44px;display:flex}.vinyl-pick{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;max-width:227px;padding:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .4s;position:relative;overflow:visible}.vinyl-pick.album-1{transform:rotate(-4deg)}.vinyl-pick.album-2{transform:rotate(3deg)}.vinyl-pick.album-3{transform:rotate(-2.5deg)}.vinyl-pick.album-4{transform:rotate(3.5deg)}.vinyl-pick.album-1:hover{transform:rotate(-4deg)translateY(-8px)}.vinyl-pick.album-2:hover{transform:rotate(3deg)translateY(-8px)}.vinyl-pick.album-3:hover{transform:rotate(-2.5deg)translateY(-8px)}.vinyl-pick.album-4:hover{transform:rotate(3.5deg)translateY(-8px)}.vinyl-pick.selected{filter:grayscale(.5)brightness(.6)}.vinyl-pick.selected .vinyl-disc{opacity:0;transition:opacity .25s}.vinyl-pick .vinyl-disc{transition:opacity .25s}.vinyl-pick.active{filter:none;transform:translateY(-4px)}.vinyl-pick .sleeve{z-index:1;background-position:50%;background-size:cover;border-radius:4px;position:absolute;inset:0;overflow:hidden;box-shadow:0 6px 20px #000000a6,inset 0 0 0 1px #ffffff0f}.vinyl-pick .sleeve:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff47 0%,#ffffff0f 18%,#0000 38% 62%,#ffffff0a 80%,#0000 100%);border-radius:4px;position:absolute;inset:0}.vinyl-pick .sleeve:after{letter-spacing:.14em;z-index:5;text-transform:uppercase;color:#fff8e0f2;border-radius:3px;padding:2px 6px 3px;font-family:Abel,sans-serif;font-size:.42rem;position:absolute;box-shadow:0 1px 4px #0000008c}.vinyl-pick.album-1 .sleeve:after{content:"TRF";background:#b86c30;bottom:9px;right:7px;transform:rotate(-2deg)}.vinyl-pick.album-2 .sleeve:after{content:"$ 7.50";background:#c83870;top:9px;right:7px;transform:rotate(1.5deg)}.vinyl-pick.album-3 .sleeve:after{content:"NM";background:#3468b8;bottom:9px;left:7px;transform:rotate(2.5deg)}.vinyl-pick.album-4 .sleeve:after{content:"★ LP ★";background:#527840;top:9px;left:7px;transform:rotate(-1.5deg)}.vinyl-pick .vinyl-disc{aspect-ratio:1;z-index:3;background:repeating-radial-gradient(circle,#000 0 1px,#0d0d0d 1px 2px),#000;border-radius:50%;width:84%;position:absolute;top:8%;left:8%;box-shadow:5px 8px 22px #000c,inset 0 0 20px #0009}.vinyl-pick.album-1 .vinyl-disc{width:112%;top:-34%;left:32%}.vinyl-pick.album-2 .vinyl-disc{width:109%;top:34%;left:-30%}.vinyl-pick.album-3 .vinyl-disc{width:111%;top:-28%;left:-20%}.vinyl-pick.album-4 .vinyl-disc{width:108%;top:30%;left:24%}.vinyl-pick .vinyl-disc:before{content:"";pointer-events:none;background:radial-gradient(at 28% 22%,#ffffff21,#0000 30%),radial-gradient(at 75% 80%,#c8c8dc12,#0000 30%);border-radius:50%;position:absolute;inset:0}.vinyl-pick .vinyl-disc:after{content:"";mix-blend-mode:screen;opacity:.35;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='r'><feTurbulence baseFrequency='0.7' numOctaves='3'/><feColorMatrix values='0 0 0 0 0.7  0 0 0 0 0.7  0 0 0 0 0.75  0 0 0 0.12 0'/></filter><rect width='100%' height='100%' filter='url(%23r)'/></svg>");border-radius:50%;position:absolute;inset:0}.vinyl-pick .label{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:50%;width:38%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #0006,0 0 0 2px #000}.vinyl-pick .label:after{content:"";background:#000;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vinyl-pick .album-name{letter-spacing:.2em;color:var(--ink);white-space:nowrap;font-family:Abel,sans-serif;font-size:.75rem;transition:color 1.2s;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.now-playing{opacity:0;pointer-events:none;background:0 0;border:none;width:min(700px,95vw);margin:30px auto 0;padding:18px;transition:opacity .8s}.now-playing.visible{opacity:1;pointer-events:auto}.now-playing-label{color:var(--ink);letter-spacing:.3em;text-transform:uppercase;text-align:center;filter:brightness(1.5);margin-bottom:10px;font-family:Abel,sans-serif;font-size:.7rem;transition:color 1.2s}.now-playing audio{display:none}.mini-player{justify-content:center;align-items:center;gap:16px;display:flex}.mini-play{color:#cfd2d6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:.8rem;line-height:1;transition:transform 80ms;display:flex}.mini-play:active:not(:disabled){transform:scale(.94)}.mini-skip{color:#cfd2d6;letter-spacing:-1px;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:40px;font-size:.62rem;line-height:1;transition:transform 80ms;display:flex}.mini-skip:active:not(:disabled){transform:scale(.9)}.mini-skip:disabled,.mini-play:disabled{opacity:.4;cursor:default}.mini-volume{appearance:none;cursor:pointer;background:#cfd2d64d;border-radius:2px;width:120px;height:4px}.mini-volume::-webkit-slider-thumb{appearance:none;background:#cfd2d6;border-radius:50%;width:12px;height:12px}.mini-volume::-moz-range-thumb{background:#cfd2d6;border:none;border-radius:50%;width:12px;height:12px}footer{text-align:center;margin-top:60px}.inquiries{color:#cfd2d6;letter-spacing:.3em;text-transform:uppercase;text-align:center;margin-bottom:16px;font-family:Abel,sans-serif;font-size:.7rem}.inquiries-link{color:#cfd2d6;border:none;margin-left:4px;font-weight:700;text-decoration:underline;transition:color .25s;display:inline}.inquiries-link:hover{color:#fff}.social{justify-content:center;align-items:center;gap:18px;display:flex}.copyright{color:#cfd2d6;letter-spacing:.2em;text-transform:uppercase;text-align:center;margin-top:18px;font-family:Abel,sans-serif;font-size:.58rem;line-height:1.8}.copyright>span{display:block}@media (min-width:860px){.copyright{flex-direction:row;justify-content:space-between;align-items:center;gap:24px;width:min(900px,92vw);margin-left:auto;margin-right:auto;display:flex}.copyright>span{display:inline}.copyright-left{text-align:left;order:1}.copyright-center{text-align:center;order:2}.copyright-right{text-align:right;order:3}}.social-btn{color:#cfd2d6;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:color .25s,filter .25s;display:inline-flex}.social-btn svg{fill:currentColor;width:36px;height:36px;display:block}.social-btn:hover{color:#fff;filter:drop-shadow(0 0 5px #fff6)}.flying-record{pointer-events:none;z-index:100;background:repeating-radial-gradient(circle,#000 0 1px,#0d0d0d 1px 2px),#000;border-radius:50%;transition:top .9s cubic-bezier(.6,0,.4,1),left .9s cubic-bezier(.6,0,.4,1),width .9s cubic-bezier(.6,0,.4,1),height .9s cubic-bezier(.6,0,.4,1),transform .9s cubic-bezier(.6,0,.4,1);position:fixed;box-shadow:inset 0 0 30px #000c,0 10px 30px #0009}.flying-record .flying-label{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:50%;width:38%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:860px){.masthead .logo{width:min(560px,96vw);transform:translate(-4%)}.stage:not(.subpage) .masthead{margin-top:24px}.side-link{writing-mode:horizontal-tb;text-orientation:mixed;border:none;margin:18px 0;padding:0}.side-link-left,.side-link-right{transform:translate(-8px)}.side-link-img-mobile{width:min(140px,38vw);height:auto;display:block}.side-link-text{display:none}.player-scene{flex-direction:column;align-items:center;gap:56px;transform:none}.turntable-wrap{width:min(345px,65vw);margin-top:-24px;transform:translate(-12px,24px)}.album-sidebar{width:min(560px,92vw)}.shelf{flex-direction:row;justify-content:center;gap:clamp(24px,5vw,50px)}.vinyl-pick{max-width:210px}.vinyl-pick.album-2{top:-16px}.vinyl-pick.album-2 .vinyl-disc{top:24%}.vinyl-pick.album-3{top:22px}}@media (max-width:480px){.masthead .logo{width:92vw;transform:translate(-4%)}.vinyl-pick{max-width:168px}.vinyl-pick .album-name{font-size:.7rem}.turntable-wrap{width:69vw}}@media (min-width:860px){.player-scene{transform:translateY(4vh)}.turntable-wrap{transform:translateY(40px)}.album-sidebar{transform:translateY(24px)}.now-playing{margin:10px auto 0}footer{margin-top:10px}}@media (min-width:860px) and (max-height:940px){.masthead .logo{width:clamp(420px,52vw,720px)}.player-scene{gap:28px;transform:none}.turntable-wrap{width:min(350px,37vw)}.shelf{gap:24px}.vinyl-pick{max-width:205px}.now-playing,footer{margin-top:6px}}