:root{--ink:#090909;--paper:#d8d1c5;--muted:#8f8980;--line:#353330;--rust:#8e302a;--sans:Arial,Helvetica,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--ink)}body{margin:0;color:var(--paper);font-family:var(--sans);font-size:16px}a,button{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.shell{max-width:1600px;margin:auto;border-inline:1px solid var(--line);overflow:hidden}.nav{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:30;background:rgba(9,9,9,.94)}.logo{padding-left:26px;font-weight:900;font-size:23px;letter-spacing:-.05em}.logo i{font:italic 18px Georgia,serif;margin-right:8px}.navlinks{display:flex;gap:30px;font:11px var(--mono);letter-spacing:.06em}.navlinks a{opacity:.65}.navlinks a:focus-visible,.navlinks a:hover{opacity:1}.navright{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-right:20px}.micro{font:10px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted)}.close,.icon-btn,.sound{border:1px solid #47433f;background:#111;color:var(--paper);padding:9px 12px;font:10px var(--mono);letter-spacing:.04em}.sound.on{background:var(--paper);color:var(--ink)}.menu{background:none;border:0;font-size:24px}.menu,.mobile-nav{display:none}.hero-scroll{height:210vh;position:relative}.hero-sticky{position:-webkit-sticky;position:sticky;top:68px;height:calc(100vh - 68px);min-height:640px;display:grid;grid-template-columns:44% 56%;background:#111}.hero-copy{padding:50px 38px 30px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);position:relative;z-index:4}.hero-copy h1{font-size:clamp(62px,8.5vw,140px);line-height:.8;letter-spacing:-.095em;margin:22px 0;max-width:690px}.cn{font-family:Georgia,serif;font-size:18px}.hero-stage{position:relative;overflow:hidden}.hero-shot{position:absolute;inset:0;background-size:cover;background-position:50%;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 1.4s ease}.hero-shot.active{opacity:1;transform:scale(1)}.shot-one{background-image:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.18)),url(/images/hero.jpg)}.shot-two{background-image:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.2)),url(/images/event.jpg)}.shot-three{background-image:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.28)),url(/images/archive.jpg)}.hero-count{top:20px;font:11px var(--mono)}.hero-caption,.hero-count{position:absolute;right:22px}.hero-caption{left:22px;bottom:24px;display:flex;justify-content:space-between;gap:20px;font:10px var(--mono)}.hero-caption strong{font-weight:400}.progress{position:absolute;left:44%;right:0;bottom:0;height:3px;background:#272522;z-index:5}.progress i{display:block;height:100%;background:var(--paper);transition:width .4s ease}.section{border-top:1px solid var(--line);position:relative}.head{display:flex;justify-content:space-between;align-items:end;padding:25px 28px;border-bottom:1px solid var(--line);gap:20px}.head h2{font-size:clamp(28px,4vw,54px);line-height:.9;letter-spacing:-.07em;margin:0}.head p{margin:12px 0 0;color:#99928a;font:14px/1.5 Georgia,serif}.tonight{display:grid;grid-template-columns:1fr 1.55fr}.tonight-copy{padding:42px 38px;min-height:510px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.date-big{font:12px var(--mono);margin-bottom:25px}.tonight h3{font-size:clamp(58px,7vw,112px);line-height:.76;letter-spacing:-.09em;margin:0}.tonight-copy p{margin-top:30px}.btn{border:1px solid #54504b;background:transparent;color:var(--paper);padding:13px 15px;text-align:left;font:11px var(--mono);width:max-content}.btn:hover,.close:hover,.icon-btn:hover{background:var(--paper);color:var(--ink)}.event-visual{position:relative;overflow:hidden;min-height:510px;background:#18120f;padding:0;border:0}.event-photo,.event-poster{position:absolute;inset:0;background-size:cover;background-position:50%;transition:opacity .5s ease,transform .7s ease}.event-poster{background:linear-gradient(135deg,#c8bca9 0 54%,#181818 54%);display:grid;place-items:center}.event-poster:after{content:"VINYL\A NIGHT";white-space:pre;text-align:center;font-weight:900;font-size:clamp(80px,10vw,160px);line-height:.72;color:#111;letter-spacing:-.08em;transform:rotate(-7deg)}.event-photo{opacity:0;transform:scale(1.04);background-image:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.45)),url(/images/event.jpg)}.event-visual:focus .event-poster,.event-visual:hover .event-poster{opacity:0}.event-visual:focus .event-photo,.event-visual:hover .event-photo{opacity:1;transform:scale(1)}.event-meta{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;font:10px var(--mono)}.event-meta span{background:rgba(0,0,0,.7);padding:8px 10px}.next-list{display:grid;grid-template-columns:170px 1fr;border-top:1px solid var(--line)}.next-title{padding:24px 28px;border-right:1px solid var(--line);font:11px var(--mono)}.next-items button{width:100%;display:grid;grid-template-columns:90px 1fr 20px;grid-gap:16px;gap:16px;text-align:left;padding:20px 28px;border:0;border-bottom:1px solid var(--line);background:transparent}.next-items button:hover{background:#151412}.next-items b,.next-items small,.next-items span{font:11px var(--mono)}.next-items b{font-weight:400}.culture{padding:90px 28px 44px}.culture-line{font-size:clamp(38px,7vw,102px);line-height:.86;letter-spacing:-.08em;max-width:1100px;margin:0}.culture-line span{display:block}.culture-line span:nth-child(2){margin-left:11%}.culture-line span:nth-child(3){margin-left:4%}.culture-line span:nth-child(4){margin-left:15%;color:#776f66}.culture-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--line);margin-top:85px}.culture-strip div{background:#0d0d0d;padding:15px 12px;font:10px var(--mono);color:#777}.poster-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;border-bottom:1px solid var(--line)}.controls{display:flex;gap:8px}.icon-btn{width:42px;padding:0;font-size:18px}.poster-wall{display:flex;gap:18px;overflow-x:auto;padding:42px 28px 50px;scrollbar-width:none;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.poster-wall::-webkit-scrollbar{display:none}.poster-wall:focus-visible{outline:1px solid var(--paper);outline-offset:-2px}.poster{flex:0 0 280px;height:390px;position:relative;overflow:hidden;border:1px solid #333;cursor:pointer}.poster:nth-child(2n){margin-top:42px}.poster:nth-child(3n){height:340px}.poster-art,.poster-live{position:absolute;inset:0;transition:.4s ease}.poster-art{padding:18px;display:flex;flex-direction:column;justify-content:space-between}.poster-art h3{font-size:44px;line-height:.82;letter-spacing:-.08em;margin:0}.poster-art h3 span{display:inline-block}.poster-art small{font:10px var(--mono)}.poster-live{opacity:0;background-size:cover;background-position:50%;filter:saturate(.6) brightness(.68);transform:scale(1.02)}.poster:focus .poster-live,.poster:hover .poster-live{opacity:1;transform:scale(1)}.poster:focus .poster-art,.poster:hover .poster-art{opacity:0}.poster-vinyl .poster-art{background:#d9d0c2;color:#111}.poster-listening .poster-art{background:#8a2d27}.poster-friends .poster-art{background:#1b1b1b}.poster-she .poster-art{background:#b06a36;color:#111}.poster-nothing .poster-art{background:#6b7162;color:#111}.poster-after .poster-art{background:#d7d1c8;color:#111}.poster-hint{position:absolute;left:15px;bottom:14px;font:10px var(--mono);opacity:0;background:#000b;padding:7px}.poster:focus .poster-hint,.poster:hover .poster-hint{opacity:1}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--line)}.person{background:#090909;min-height:420px;position:relative;overflow:hidden;cursor:pointer}.person-photo{position:absolute;inset:0;background-size:cover;background-position:50%;filter:grayscale(1) brightness(.54);transition:.45s ease}.person-photo.live{opacity:0;filter:saturate(.65) brightness(.6)}.person.active .person-photo.base,.person:hover .person-photo.base{opacity:0}.person.active .person-photo.live,.person:hover .person-photo.live{opacity:1;transform:scale(1.025)}.person-copy{position:absolute;left:18px;right:18px;bottom:18px;z-index:4}.person-copy h3{margin:0 0 7px;font:16px var(--mono)}.person-copy p{margin:0;color:#b4aea5;font:10px/1.55 var(--mono)}.person:focus-visible{outline:2px solid var(--paper);outline-offset:-2px}.archive-index{display:grid;grid-template-columns:135px minmax(360px,1fr) 1fr;min-height:510px}.years{padding:28px;border-right:1px solid var(--line)}.years button{display:block;border:0;background:transparent;color:#777;padding:10px 0;font:20px var(--mono)}.years button.active,.years button:hover{color:var(--paper)}.archive-list{border-right:1px solid var(--line)}.archive-row{display:grid;grid-template-columns:72px 1fr 45px;grid-gap:10px;gap:10px;width:100%;padding:24px 20px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.archive-row:focus-visible,.archive-row:hover{background:#171614}.archive-row span,.archive-row strong{font:11px var(--mono)}.archive-row strong{font-weight:400}.archive-preview{padding:28px}.preview-photo{height:370px;background-size:cover;background-position:50%;filter:grayscale(.3) brightness(.72)}.preview-text{display:flex;justify-content:space-between;gap:15px;align-items:baseline}.preview-text h3{font:17px var(--mono)}.preview-text p{font:10px var(--mono);color:#777}.drinks{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--line)}.drink-card{background:#10100f;min-height:520px;display:flex;flex-direction:column}.drink-visual{min-height:360px;flex:1 1;background-size:cover;background-position:50%;filter:grayscale(.5) contrast(1.05) brightness(.72)}.drink-info{display:flex;justify-content:space-between;align-items:end;padding:20px}.drink-info h3{font-size:37px;line-height:.82;letter-spacing:-.08em;margin:0}.drink-info p{font:10px/1.5 var(--mono);color:#aaa;margin:20px 0 0}.price{font:22px var(--mono)}.memory{padding:80px 32px;display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px;align-items:center}.memory-photo{min-height:470px;background-size:cover;background-position:50%;filter:grayscale(.3) brightness(.72)}.memory-copy h2{font-size:clamp(50px,6vw,92px);line-height:.86;letter-spacing:-.08em;margin:16px 0 25px}.memory-copy p{color:#aaa;line-height:1.8;max-width:500px}.visit{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.1fr;grid-gap:1px;gap:1px;background:var(--line)}.visit>div{background:#090909;padding:30px;min-height:190px}.visit h3{font-size:28px;margin:0 0 13px}.visit p{font:11px/1.7 var(--mono);color:#aaa;margin:0}.future span{display:block;padding:8px 0;border-bottom:1px solid #252525;font:11px var(--mono)}.future small{color:#676767}footer{padding:20px 28px 32px;display:flex;justify-content:space-between;gap:20px;color:#727272;font:9px var(--mono);text-transform:uppercase}.archive-modal{position:fixed;inset:0;z-index:100;background:#0a0a0a;overflow:auto}.modal-top{position:-webkit-sticky;position:sticky;top:0;z-index:4;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:hsla(0,0%,4%,.95);border-bottom:1px solid var(--line)}.close{width:44px;height:44px;padding:0;font-size:25px}.modal-grid{max-width:1200px;margin:auto;padding:46px 28px 80px}.modal-kicker{font:10px var(--mono);color:#8e8981}.modal-grid h2{font-size:clamp(64px,10vw,138px);line-height:.77;letter-spacing:-.08em;text-transform:uppercase;margin:20px 0 40px}.modal-hero{height:520px;background-size:cover;background-position:50%;filter:saturate(.65) brightness(.7);margin-bottom:30px}.modal-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--line)}.modal-panel{background:#0b0b0b;padding:28px}.modal-panel h3{margin:0 0 20px;font-size:20px}.track{display:grid;grid-template-columns:36px 1fr;border-bottom:1px solid #242424;padding:12px 0;font:11px var(--mono)}.people-tags{display:flex;flex-wrap:wrap;gap:8px}.people-tags span{border:1px solid #333;padding:8px 10px;font:10px var(--mono)}.note-head{margin-top:34px!important}.modal-panel p{color:#aaa;line-height:1.8}.modal-gallery{display:grid;grid-template-columns:2fr 1fr;grid-gap:1px;gap:1px;background:var(--line);margin-top:1px}.modal-gallery div{min-height:240px;background-size:cover;background-position:50%;filter:grayscale(.3) brightness(.7)}.modal-gallery div:first-child{grid-row:span 2}@media (max-width:980px){.nav{grid-template-columns:1fr auto}.navlinks,.navright .micro{display:none}.menu{display:block}.mobile-nav{position:fixed;top:68px;left:0;right:0;z-index:25;background:#090909;border-bottom:1px solid var(--line);padding:18px 24px;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.mobile-nav a{font:14px var(--mono)}.hero-scroll{height:180vh}.hero-sticky{grid-template-columns:1fr;grid-template-rows:48% 52%;min-height:620px}.hero-copy{padding:34px 24px 18px;border-right:0;border-bottom:1px solid var(--line)}.hero-copy h1{font-size:clamp(48px,10vw,76px);margin:8px 0 12px}.hero-copy .cn{font-size:14px}.progress{left:0}.tonight{grid-template-columns:1fr}.tonight-copy{border-right:0;border-bottom:1px solid var(--line);min-height:340px}.event-visual{min-height:430px}.next-list{grid-template-columns:1fr}.next-title{border-right:0;border-bottom:1px solid var(--line)}.culture-strip,.people-grid{grid-template-columns:1fr 1fr}.archive-index{grid-template-columns:100px 1fr}.archive-preview{display:none}.drinks,.memory{grid-template-columns:1fr}.visit{grid-template-columns:1fr 1fr}.modal-columns{grid-template-columns:1fr}}@media (max-width:600px){.shell{border-inline:0}.logo{padding-left:16px}.navright{padding-right:12px}.sound{padding:8px}.head{padding:16px 18px}.head h2{font-size:24px}.hero-scroll{height:165vh}.hero-sticky{top:68px;height:calc(100vh - 68px);grid-template-rows:44% 56%;min-height:560px}.hero-copy{padding:24px 18px 12px}.hero-copy h1{font-size:48px}.hero-caption{left:16px;right:16px;bottom:18px;display:block}.hero-caption span{display:block;margin-top:6px}.date-big{font-size:58px}.tonight-copy{padding:28px 18px}.tonight h3{font-size:36px}.event-visual{min-height:360px}.next-items button{grid-template-columns:70px 1fr 16px;padding:18px}.culture{padding:64px 18px 38px}.culture-strip{grid-template-columns:1fr}.poster-toolbar{padding:12px 18px}.poster-wall{padding:28px 18px 36px}.poster{flex-basis:240px;height:330px}.people-grid{grid-template-columns:1fr}.person{min-height:360px}.archive-index{grid-template-columns:1fr}.years{display:flex;gap:14px;border-right:0;border-bottom:1px solid var(--line);padding:18px}.years button{font-size:18px;margin:0}.archive-row{grid-template-columns:72px 1fr 54px;padding:18px}.drink-card{min-height:400px}.memory{padding:58px 18px}.memory-photo{min-height:340px}.visit{grid-template-columns:1fr}.visit>div{min-height:0}.modal-grid{padding:34px 18px 60px}.modal-grid h2{font-size:60px}.modal-hero{height:340px}.modal-gallery{grid-template-columns:1fr}.modal-gallery div:first-child{grid-row:auto}footer{flex-direction:column;padding:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}.hero-shot.active{transform:none}}.poster-wall{touch-action:pan-x}.poster-wall.dragging{cursor:-webkit-grabbing;cursor:grabbing}.shot-two{background-image:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.2)),url(/images/live-gig.jpg)}.shot-three{background-image:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.28)),url(/images/friends-night.jpg)}.event-photo{background-image:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.45)),url(/images/live-gig.jpg)}.lang-switch{border:1px solid #47433f;background:transparent;color:var(--paper);padding:9px 10px;font:10px var(--mono);min-width:34px}.lang-switch:hover{background:var(--paper);color:var(--ink)}.poster-art{background-size:cover;background-position:50%;padding:0!important;background-color:#181818!important}.poster-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 24%,transparent 72%,rgba(0,0,0,.55));color:#fff}.poster-overlay strong{font-size:24px;line-height:.9;letter-spacing:-.05em;text-shadow:0 1px 8px #000}.poster-overlay small{font:10px var(--mono)}.logo{display:flex;align-items:center;gap:8px;font-size:0}.logo:before{content:"";display:block;width:42px;height:42px;flex:0 0 42px;background:#fff url(/images/backroom-logo.jpg) 50%/contain no-repeat;border:1px solid #2b2b2b}.logo:after{content:"GRUNGE";font:900 23px/1 Arial,Helvetica,sans-serif;letter-spacing:-.05em}.entrance-house img{filter:invert(1)}.entrance{position:fixed;inset:0;z-index:200;background:#090909;color:var(--paper);flex-direction:column;justify-content:center;padding:28px;animation:entrance-in .7s ease both}.entrance,.entrance-top{display:flex;align-items:center}.entrance-top{position:absolute;top:0;left:0;right:0;height:68px;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 28px}.entrance-skip{border:0;background:transparent;color:var(--muted);font:10px var(--mono);padding:10px}.entrance-skip:hover{color:var(--paper)}.entrance-house{border:0;background:transparent;width:min(980px,88vw);padding:0;cursor:pointer;filter:contrast(1.08);transition:transform .5s ease,filter .5s ease}.entrance-house:focus-visible,.entrance-house:hover{transform:scale(1.025);filter:contrast(1.16) brightness(1.12);outline:0}.entrance-house img{display:block;width:100%;height:auto}.entrance-copy{text-align:center;margin-top:6px}.entrance-copy p{font:16px/1.5 Georgia,serif;color:#aaa;margin:0 0 14px}.entrance-copy strong{font:16px var(--mono);letter-spacing:.08em;font-weight:400}@keyframes entrance-in{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.entrance{padding:18px}.entrance-top{padding:0 18px}.entrance-house{width:100%}.entrance-copy p{font-size:14px}.entrance-copy strong{font-size:12px}}@media (prefers-reduced-motion:reduce){.entrance{animation:none}.entrance-house{transition:none}}.explore-trigger{border:0;border-bottom:1px solid #615b53;background:transparent;color:var(--muted);padding:5px 0;font:10px var(--mono);white-space:nowrap}.explore-trigger:hover{color:var(--paper);border-color:var(--paper)}.explore-overlay{position:fixed;inset:0;z-index:210;background:#111;color:var(--paper);padding:28px;overflow:auto;animation:entrance-in .35s ease both}.explore-top{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 18px}.explore-top h2{font:400 clamp(28px,5vw,62px)/.95 Georgia,serif;margin:12px 0 0}.explore-close{border:1px solid #47433f;background:transparent;color:var(--paper);font:24px/1 Arial;width:38px;height:38px;cursor:pointer}.explore-close:hover{background:var(--paper);color:var(--ink)}.explore-stage{position:relative;width:min(960px,92vw);margin:clamp(28px,6vh,70px) auto 0;background:#e9e3d7;border:1px solid #5c574e;box-shadow:12px 12px 0 #27241f}.explore-stage:before{content:"";position:absolute;inset:12px;border:1px dashed hsla(0,0%,8%,.28);pointer-events:none}.explore-stage>img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.room-marker{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:3px;border:1px solid #191919;background:#f2eadc;color:#161616;padding:8px 10px;min-width:102px;text-align:left;cursor:pointer;box-shadow:4px 4px 0 rgba(0,0,0,.32);transform:rotate(-2deg);transition:transform .2s ease,background .2s ease}.room-marker:focus-visible,.room-marker:hover{background:#f6c72e;transform:rotate(2deg) translateY(-3px);outline:2px solid #fff;outline-offset:3px}.room-marker b{font:700 12px/1.1 var(--mono)}.room-marker small{font:10px var(--mono);opacity:.68}.room-living{left:17%;top:40%}.room-corridor{left:43%;top:15%;transform:rotate(2deg)}.room-friends{right:13%;top:39%;transform:rotate(3deg)}.room-basement{left:38%;bottom:14%;transform:rotate(-3deg)}.room-records{right:13%;bottom:17%;transform:rotate(-2deg)}.room-door{left:8%;bottom:10%;transform:rotate(4deg)}.explore-foot{text-align:center;color:var(--muted);font:12px var(--mono);margin:28px 0 0}@media (max-width:720px){.explore-overlay{padding:18px}.explore-top{padding-bottom:14px}.explore-stage{width:100%;margin-top:30px;box-shadow:7px 7px 0 #27241f}.room-marker{min-width:0;padding:6px 7px;box-shadow:3px 3px 0 rgba(0,0,0,.28)}.room-marker b{font-size:10px}.room-marker small{font-size:8px}.room-living{left:8%;top:37%}.room-corridor{left:35%;top:10%}.room-friends{right:5%;top:38%}.room-basement{left:31%;bottom:13%}.room-records{right:4%;bottom:18%}.room-door{left:4%;bottom:7%}.explore-foot{font-size:11px}}@media (prefers-reduced-motion:reduce){.explore-overlay{animation:none}.room-marker{transition:none}}.entrance-house img{filter:none}