:root{--acid:#ddf645;--paper:#dfddcf;--ink:#111110;--purple:#a990e8;--mono:'IBM Plex Mono',monospace;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--ink);color:var(--paper);font:13px/1.5 var(--mono);overflow-x:hidden}body:after{content:'';position:fixed;pointer-events:none;inset:0;z-index:30;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:7px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--display);font-weight:900;line-height:.78;letter-spacing:-.035em}h2 em{font-style:italic}a:hover{color:var(--acid)}.mast{height:76px;padding:0 3.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff35;position:relative;z-index:5}.logo{width:145px;display:block}.logo img{width:100%;height:auto}.mast nav{display:flex;gap:36px;text-transform:uppercase;font-size:11px}.mast>button{font-size:9px;text-transform:uppercase;padding:10px 0;color:#a9a99e}.mast>button span{color:var(--acid);margin-left:8px}.poster{position:relative;isolation:isolate;min-height:780px;height:calc(100svh - 76px);max-height:1040px;overflow:hidden;background:radial-gradient(ellipse at 76% 48%,#302544,transparent 60%)}.poster-index,.section-index{display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.poster-index{position:absolute;top:24px;left:3.4%;right:3.4%}.poster h1{position:absolute;z-index:1;top:80px;left:5%;font-size:clamp(160px,24vw,390px);color:var(--acid);transform:rotate(-3deg);width:90%}.poster h1>span{display:block}.poster h1>span+span{margin-top:8px;position:relative;z-index:3}.period{color:var(--purple)}.portrait{position:absolute;z-index:2;top:16%;right:5%;width:52%;height:70%;transform:rotate(5deg);background:#101020;box-shadow:0 0 0 8px #252325;clip-path:polygon(2% 0,100% 2%,98% 98%,0 100%)}.portrait img{height:100%;width:100%;object-fit:cover;object-position:65% 50%;filter:contrast(1.15) saturate(.85)}.photo-label{position:absolute;bottom:15px;left:20px;font-size:8px;letter-spacing:.16em;color:#ccc}.hero-ticket{position:absolute;z-index:4;right:6%;bottom:12%;background:var(--acid);color:var(--ink);padding:18px 24px;transform:rotate(-6deg);box-shadow:7px 7px 0 #0008;min-width:310px}.hero-ticket:hover{color:var(--ink);transform:rotate(-3deg)}.ticket-small{font-size:9px;text-transform:uppercase;display:block;border-bottom:1px dashed #1118;padding-bottom:10px;margin-bottom:8px}.hero-ticket>span+span{font-family:var(--display);font-weight:800;font-size:42px;display:flex;justify-content:space-between;gap:30px}.hero-ticket b{font-family:Arial,sans-serif;font-weight:400}.handwritten{font-family:Caveat,'Comic Sans MS',cursive;font-size:32px;line-height:1.1;font-weight:500;letter-spacing:-.02em}.hero-note{position:absolute;bottom:10%;left:6%;color:var(--purple);transform:rotate(-8deg);z-index:4;font-size:37px}.orbit-stamp{position:absolute;right:2%;top:6%;width:175px;height:175px;z-index:4;color:var(--paper)}.orbit-stamp svg{width:100%;height:100%;animation:spin 38s linear infinite;fill:var(--paper);font:600 12px var(--mono);letter-spacing:3px}.orbit-stamp>span{position:absolute;inset:0;display:grid;place-items:center;font-size:55px;color:var(--acid)}.poster-bottom{position:absolute;bottom:21px;left:3.4%;right:3.4%;display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;z-index:5}.ticker{background:var(--acid);color:var(--ink);font:800 44px/1.35 var(--display);overflow:hidden;transform:rotate(1.5deg);width:102%;margin-left:-1%;position:relative;z-index:6}.ticker>div{width:max-content;white-space:nowrap;animation:crawl 45s linear infinite}.record-wall{position:relative;background:var(--paper);color:var(--ink);padding:65px 6% 0;display:grid;grid-template-columns:1fr 1fr;gap:0 9%;overflow:hidden}.section-index{grid-column:1/-1;padding-bottom:22px;border-bottom:1px solid currentColor;margin-bottom:65px;opacity:.8}.music-heading{grid-column:1/-1;position:relative;z-index:2;margin-bottom:-70px;pointer-events:none}.music-heading h2{font-size:clamp(100px,16vw,245px);line-height:.82}.music-heading h2 i{color:#6e4fb6}.music-heading .scribble{position:absolute;right:7%;top:30px;font-size:150px;line-height:1;font-family:Arial,sans-serif;transform:rotate(10deg)}.music-heading .handwritten{position:absolute;right:13%;top:210px;transform:rotate(-10deg);color:#6e4fb6;font-size:42px}.record{position:relative;min-width:0}.original{grid-column:2;padding-top:0;transform:rotate(5deg);z-index:3}.remix{grid-column:1;grid-row:3;margin-top:-120px;transform:rotate(-7deg);padding-bottom:90px}.record-label{font-size:8px;display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #1117;margin-bottom:12px;gap:15px}.sleeve{display:block;position:relative;width:100%;padding:0;text-align:left;box-shadow:12px 16px 28px #1112;isolation:isolate}.sleeve>img{width:100%;aspect-ratio:1;object-fit:cover;position:relative;z-index:2}.sleeve:hover img{filter:saturate(1.4)}.vinyl{position:absolute;z-index:1;width:94%;aspect-ratio:1;top:3%;left:12%;border-radius:50%;background:repeating-radial-gradient(circle at center,#20201f 0 1px,#111 2px 4px);transition:transform .6s;box-shadow:6px 8px 14px #0003;display:grid;place-items:center}.vinyl>span{display:grid;place-items:center;text-align:center;width:27%;height:27%;background:var(--purple);border-radius:50%;font-size:16px;line-height:1.3}.sleeve:hover .vinyl{transform:translateX(30%)}.play-label{position:absolute;bottom:18px;left:18px;z-index:3;background:var(--acid);color:var(--ink);font-size:10px;padding:10px 14px;box-shadow:3px 3px 0 #111}.record-caption{margin-top:20px;display:flex;gap:20px;align-items:baseline;justify-content:space-between}.record-caption h3{font-size:12px;font-weight:500}.record-caption a,.record-caption button{font-size:9px;white-space:nowrap;padding:0;border-bottom:1px solid #1119}.record-caption a:hover,.record-caption button:hover{color:#6e4fb6}.remix-note{position:absolute;left:110%;top:180px;width:190px;color:#6e4fb6;transform:rotate(13deg);font-size:38px}.work-in-progress{grid-column:2;grid-row:3;align-self:end;margin:0 0 115px 15%;display:flex;gap:20px;align-items:center;position:relative;transform:rotate(4deg);border-block:1px solid;padding:22px 0}.asterisk{font:100px/1 var(--display);color:#6e4fb6}.tiny{font-size:9px;letter-spacing:.05em}.work-in-progress p{font:800 37px/1 var(--display);margin-top:8px}.work-in-progress .handwritten{position:absolute;top:110%;left:45px;font-size:26px;color:#6e4fb6}.listen-strip{grid-column:1/-1;display:flex;gap:25px;flex-wrap:wrap;align-items:center;border-top:1px solid #111;padding:28px 0 35px;font-size:10px}.listen-strip>span{margin-right:auto;font-family:Caveat,cursive;font-size:27px}.listen-strip a{border-bottom:1px solid #1117}.listen-strip a:hover{color:#6e4fb6}.live-wall{padding:75px 6% 0;background:#161614;position:relative;overflow:hidden}.live-wall h2{font-size:clamp(90px,15vw,220px);line-height:.84;position:relative;z-index:3}.live-wall h2 em{color:var(--purple)}.live-collage{position:relative;height:870px;margin-top:-20px}.snap{position:absolute;width:28%;background:var(--paper);padding:10px 10px 22px;color:var(--ink);box-shadow:8px 15px 30px #0009}.snap img{width:100%;height:auto;aspect-ratio:.67;object-fit:cover}.snap figcaption{font-size:8px;margin-top:14px;letter-spacing:.06em}.snap-one{left:1%;top:30px;transform:rotate(-9deg);z-index:2}.snap-two{left:36%;top:120px;transform:rotate(7deg);z-index:3}.snap-two a{position:relative;display:block}.social-play{position:absolute;bottom:10px;left:8px;right:8px;background:var(--acid);color:#111;padding:9px;text-align:center;font-size:8px}.snap-three{right:-1%;top:-80px;transform:rotate(-5deg);z-index:1}.video-sticker{position:absolute;left:6%;top:600px;background:var(--purple);color:var(--ink);padding:22px;transform:rotate(8deg);width:235px;z-index:4;box-shadow:6px 6px 0 #000}.video-sticker>span{font:800 38px/.9 var(--display)}.video-sticker b{position:absolute;right:18px;top:15px;font:45px Arial,sans-serif}.video-sticker small{font-size:9px;display:block;margin-top:15px}.video-sticker:hover{color:var(--ink);background:var(--acid)}.live-note{position:absolute;right:0;bottom:130px;transform:rotate(-12deg);font-size:40px;color:var(--acid)}.wall-star{position:absolute;right:6%;top:450px;font:150px/1 var(--display);color:var(--acid);transform:rotate(12deg)}.set-room{padding:70px 6% 95px;background:var(--purple);color:var(--ink);position:relative;overflow:hidden}.set-layout{display:grid;grid-template-columns:.8fr 1fr;gap:12%;align-items:center;padding:0 3%}.flyer{position:relative;transform:rotate(-7deg);box-shadow:15px 20px 0 #1112;max-width:470px}.flyer img{width:100%;height:auto}.tape{position:absolute;top:-18px;left:30%;width:40%;height:45px;background:#ebedd4b8;transform:rotate(5deg)}.set-copy h2{font-size:clamp(100px,14vw,210px);margin:35px 0;line-height:.8}.set-copy h2 em{color:var(--paper);text-shadow:3px 3px #111}.set-copy>p{font-size:12px;line-height:1.8;margin-bottom:30px}.soundcloud{min-height:64px}.set-play{padding:18px 0;text-align:left;width:100%;border-block:1px solid var(--ink);display:flex;align-items:center;gap:15px;font-size:11px}.set-play>span:first-child{font-size:22px}.set-play>span:last-child{margin-left:auto;font-size:26px}.set-play:hover{color:#fff}.soundcloud iframe{width:100%;height:166px;border:0}.small-link{font-size:9px;display:inline-block;margin-top:18px;border-bottom:1px solid}.small-link:hover{color:white}.contact-wall{padding:70px 6% 55px;background:var(--acid);color:var(--ink)}.contact-wall .section-index{margin-bottom:40px}.book-link{display:flex;justify-content:space-between;align-items:center}.book-link h2{font-size:clamp(150px,27vw,420px);line-height:.74}.book-link>span{font:clamp(120px,22vw,300px)/1 Arial,sans-serif;transition:transform .3s}.book-link:hover{color:var(--ink)}.book-link:hover>span{transform:translate(12px,-12px)}.contact-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-top:45px}.contact-bottom p{font-size:11px;line-height:1.8}.contact-bottom .handwritten{font-size:35px;transform:rotate(-5deg)}footer{padding:45px 6% 110px;display:flex;gap:40px;flex-wrap:wrap;align-items:center}.socials{margin-left:auto;display:flex;gap:25px;font-size:10px}.credits{width:100%;display:flex;justify-content:space-between;font-size:8px;color:#aaa99d;border-top:1px solid #ffffff3a;padding-top:20px}.credits button{font-size:8px;padding:0}.sticky-play{position:fixed;z-index:15;bottom:20px;left:22px;display:flex;align-items:center;gap:14px;background:var(--paper);color:#111;border:1px solid #111;padding:10px 15px 10px 10px;box-shadow:4px 4px 0 #0006;transform:rotate(-1deg);text-align:left;font-size:10px}.sticky-play small{display:block;font-size:7px;letter-spacing:.12em;margin-bottom:3px}.sticky-play b{padding-left:15px}.mini-disc{width:35px;height:35px;border-radius:50%;background:repeating-radial-gradient(circle,#222 0 1px,#111 2px 3px);color:var(--purple);display:grid;place-items:center;font-size:19px}.sticky-play:hover{background:var(--acid)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:15px;z-index:40;background:var(--acid);color:#111;padding:12px}.skip:focus{top:10px}dialog{color:var(--paper);background:#191918;border:1px solid #77776d;padding:26px;width:600px;max-width:calc(100% - 32px)}dialog::backdrop{background:#090909e8}.player-dialog{width:1000px}.dialog-heading{display:flex;gap:24px;align-items:start;justify-content:space-between;margin-bottom:22px}.dialog-heading h2{font:700 28px/1 var(--display);letter-spacing:0}.close{font:32px/1 Arial,sans-serif;padding:0 4px}#video-container iframe{display:block;border:0;width:100%;aspect-ratio:16/9}dialog p{font-size:11px;margin-top:20px;line-height:1.8}#youtube-fallback{display:inline-block;margin-top:20px;font-size:12px;text-decoration:underline}.embed-note{color:#aaa;font-size:9px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes crawl{to{transform:translateX(-50%)}}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}
@media(min-width:1600px){.poster{min-height:930px}.poster h1{top:85px;font-size:360px}.live-collage{height:1000px}.snap{max-width:440px}.snap-three{right:2%}.live-note{bottom:90px}}
@media(max-width:1000px){.poster{min-height:720px;height:90svh}.poster h1{top:140px;font-size:26vw}.portrait{top:24%;height:59%;width:56%;right:3%}.hero-ticket{right:5%;bottom:13%;min-width:250px;padding:14px 18px}.hero-ticket>span+span{font-size:34px}.hero-note{font-size:29px;bottom:10%}.orbit-stamp{width:140px;height:140px}.music-heading{margin-bottom:-25px}.music-heading .handwritten{top:165px;font-size:32px}.music-heading .scribble{font-size:110px}.original{margin-left:-5%}.remix{margin-top:-40px}.remix-note{font-size:30px;top:120px;width:170px}.work-in-progress{margin-left:5%;margin-bottom:90px;gap:10px}.work-in-progress p{font-size:30px}.asterisk{font-size:65px}.live-collage{height:690px}.snap-three{top:-30px}.video-sticker{top:470px;width:200px}.video-sticker>span{font-size:33px}.live-note{bottom:100px;font-size:30px}.wall-star{top:350px;font-size:100px}.set-layout{gap:9%;padding:0}.set-copy h2{font-size:15vw}.contact-bottom .handwritten{font-size:29px}.socials{gap:17px}}
@media(max-width:650px){html{scroll-padding-top:25px}.mast{padding:0 20px;height:65px;flex-wrap:wrap}.mast .logo{width:116px}.mast nav{gap:16px;font-size:8px}.mast nav>a:nth-child(2){display:none}.mast>button{position:absolute;right:20px;top:79px;font-size:8px;z-index:5}.poster{height:790px;max-height:none;min-height:0}.poster-index{top:19px;left:20px;right:20px;font-size:7px;max-width:55%;flex-wrap:wrap;gap:6px 10px}.poster-index>span:last-child{display:none}.poster h1{top:83px;left:4%;font-size:clamp(135px,32vw,210px);width:93%;transform:rotate(-5deg)}.poster h1>span+span{margin-top:0}.portrait{top:270px;right:6%;width:83%;height:350px;transform:rotate(6deg)}.portrait img{object-position:64% 45%}.orbit-stamp{top:160px;right:0;width:130px;height:130px}.orbit-stamp>span{font-size:40px}.photo-label{font-size:6px;bottom:10px;left:12px}.hero-ticket{bottom:100px;right:5%;min-width:238px;transform:rotate(-7deg)}.hero-ticket>span+span{font-size:36px}.ticket-small{font-size:7px}.hero-note{left:8%;bottom:64px;font-size:28px;transform:rotate(-8deg)}.poster-bottom{left:20px;right:20px;bottom:15px;font-size:6px;gap:18px}.poster-bottom>span{max-width:200px}.ticker{font-size:34px}.record-wall{padding:45px 25px 0;display:block}.section-index{font-size:7px;gap:25px;margin-bottom:40px;padding-bottom:15px}.music-heading{margin:0 0 30px}.music-heading h2{font-size:clamp(88px,21vw,145px);line-height:.84}.music-heading .scribble{font-size:70px;right:-8px;top:12px}.music-heading .handwritten{right:0;top:104px;font-size:28px;transform:rotate(9deg)}.record.original{margin:0 6% 70px 0;transform:rotate(3deg);padding:0}.remix{margin:0 0 70px 9%;transform:rotate(-5deg);padding:0}.record-label{font-size:7px;padding:8px 0}.record-caption{margin-top:15px;gap:15px}.record-caption h3{font-size:10px}.record-caption a,.record-caption button{font-size:8px}.play-label{font-size:9px;padding:8px 10px;bottom:12px;left:12px}.remix-note{position:relative;display:block;left:auto;top:auto;text-align:right;width:auto;font-size:27px;margin:0 10px 20px 0;transform:rotate(8deg)}.remix-note br{display:none}.work-in-progress{margin:0 0 70px 4%;padding:16px 0;gap:18px}.work-in-progress p{font-size:33px}.work-in-progress .handwritten{font-size:24px;top:110%;left:40%}.asterisk{font-size:70px}.tiny{font-size:8px}.listen-strip{gap:18px 24px;padding:24px 0 30px;font-size:9px}.listen-strip>span{width:100%;font-size:26px}.live-wall{padding:45px 25px 0}.live-wall h2{font-size:clamp(75px,17vw,115px);line-height:.88}.live-collage{height:960px;margin-top:30px}.snap{width:58%;padding:7px 7px 17px}.snap figcaption{font-size:6px;margin-top:10px}.snap-one{left:0;top:10px;transform:rotate(-8deg)}.snap-two{left:auto;right:-3%;top:285px;transform:rotate(7deg)}.snap-three{right:auto;left:-3%;top:600px;width:48%;transform:rotate(-5deg)}.social-play{font-size:6px;padding:7px 3px;left:4px;right:4px;bottom:7px}.video-sticker{left:auto;right:0;top:60px;width:127px;padding:15px;transform:rotate(10deg)}.video-sticker>span{font-size:24px}.video-sticker b{font-size:28px;top:67px;right:12px}.video-sticker small{font-size:7px;margin-top:15px}.live-note{font-size:28px;bottom:75px;right:-5px;max-width:140px;transform:rotate(-12deg)}.wall-star{font-size:80px;right:auto;left:5%;top:460px}.set-room{padding:45px 25px 60px}.set-layout{display:flex;flex-direction:column;gap:50px;align-items:stretch}.flyer{width:67%;margin:0 auto;max-width:290px;transform:rotate(-6deg)}.set-copy{margin-top:10px}.set-copy h2{font-size:clamp(130px,32vw,205px);margin:24px 0}.set-copy>p{font-size:11px;margin-bottom:25px}.set-copy .tiny{font-size:8px}.set-play{font-size:10px}.contact-wall{padding:45px 25px}.contact-wall .section-index{margin-bottom:40px}.book-link h2{font-size:clamp(135px,36vw,210px)}.book-link>span{font-size:100px;align-self:start}.contact-bottom{flex-direction:column;align-items:start;gap:28px;margin-top:35px}.contact-bottom p{font-size:10px}.contact-bottom .handwritten{font-size:29px;align-self:end}footer{padding:35px 25px 110px;gap:30px}footer .logo{width:135px}.socials{width:100%;margin:0;gap:17px;flex-wrap:wrap;font-size:9px}.credits{font-size:7px;gap:20px}.credits button{font-size:7px}.sticky-play{left:12px;bottom:12px;gap:10px;font-size:9px;padding:8px 12px 8px 8px}.sticky-play small{font-size:6px}.mini-disc{width:30px;height:30px}.sticky-play b{padding-left:12px}dialog{padding:18px}.dialog-heading h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.ticker>div{transform:none}}
/* The name overprints the portrait, like ink on a club flyer. */
.poster h1{z-index:3}
@media(min-width:1001px){.remix{margin-top:170px}.original{align-self:start}.work-in-progress{margin-bottom:120px}}
@media(min-width:651px) and (max-width:1000px){.remix{margin-top:145px}.original{align-self:start}.work-in-progress{margin-bottom:90px}}
/* Navigation and responsive revisions. */
html{scroll-padding-top:0}.mast{height:auto;min-height:86px;gap:24px;padding-block:14px}.mast nav{gap:10px;flex-wrap:wrap}.mast nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #ffffff80;text-decoration:underline;text-underline-offset:5px;transition:background .2s,color .2s}.mast nav>a:hover{background:var(--acid);color:var(--ink);border-color:var(--acid)}.mast nav .nav-booking{background:var(--acid);color:var(--ink);border-color:var(--acid)}.header-socials,.socials{display:flex;gap:4px;align-items:center}.header-socials>a,.socials>a{width:44px;height:44px;display:grid;place-items:center;border:1px solid transparent}.header-socials>a:hover,.socials>a:hover{border-color:var(--acid)}.brand-icon{width:24px;height:24px;fill:currentColor;flex-shrink:0}.orbit-stamp>span{font-family:var(--display);font-size:74px}.poster-bottom{bottom:55px}.hero-note{bottom:14%}.ticker{transform:none;width:100%;margin:-24px 0 0;position:relative;z-index:6;min-height:64px;display:flex;align-items:center;border-block:4px solid var(--acid)}#music-start{scroll-margin-top:12px}.music-heading{margin-bottom:55px}.music-heading .scribble{right:4%;top:70px}.record-wall{gap:0 8%;padding-bottom:55px}.record.original,.record.remix{grid-row:3;margin:0;padding:0;align-self:start}.record.original{grid-column:1;transform:rotate(-4deg)}.record.remix{grid-column:2;transform:rotate(4deg);margin-top:90px}.remix-note{position:static;display:block;width:auto;margin:0 0 25px;text-align:right;transform:rotate(-7deg);font-size:30px}.record-caption{min-height:52px}.record-caption a,.record-caption button{min-height:44px;display:inline-flex;align-items:center}.sleeve{overflow:visible}.sleeve:hover .vinyl,.sleeve:focus-visible .vinyl{transform:translateX(23%)}.work-in-progress{grid-column:1/-1;grid-row:4;align-self:auto;width:min(560px,80%);margin:90px auto 35px;padding:28px 0;transform:rotate(-2deg)}.work-in-progress .handwritten{left:auto;right:0;top:110%}.listen-strip{margin:0;padding:42px 6%;border:0;display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--acid);color:var(--ink)}.listen-strip>span{width:auto;max-width:260px;font-size:38px;line-height:1.1}.listen-strip>a{border:0;display:flex;align-items:center;flex-direction:column;gap:12px;font-size:10px;min-width:92px;padding:12px 10px}.listen-strip>a .brand-icon{width:44px;height:44px}.listen-strip>a:hover{background:var(--ink);color:var(--acid)}.live-collage{height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:55px 0 0;padding:20px 0 140px;align-items:start}.snap{position:relative;inset:auto!important;width:100%!important;max-width:none;padding:8px;background:var(--paper);box-shadow:8px 15px 30px #0006}.snap-one{transform:rotate(-5deg);margin-top:20px}.snap-two{transform:rotate(4deg);margin-top:85px}.snap-three{transform:rotate(-3deg);margin-top:0}.snap-four{transform:rotate(5deg);margin-top:110px}.snap video,.snap img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:#050505}.snap video{object-fit:contain}.snap a{display:block;position:relative}.social-play{left:8px;right:8px;bottom:10px;font-size:8px;padding:12px 3px;min-height:44px;display:flex;align-items:center;justify-content:center}.snap-two .social-play,.snap-four .social-play{background:var(--acid);color:var(--ink)}.live-note{right:8%;bottom:55px;font-size:34px}.wall-star{left:6%;right:auto;top:auto;bottom:35px;font-size:80px;pointer-events:none}.flyer{display:block}.flyer:hover{outline:3px solid var(--acid);outline-offset:7px}.soundcloud iframe{display:block;border:0;width:100%;height:166px;max-width:100%}.set-copy>p{font-size:16px}.small-link{padding:12px 0;min-height:44px}.book-link{cursor:pointer}.socials>a{width:44px;height:44px}.local-video-note{font-size:14px;max-width:600px;padding:30px 0}.player-dialog{max-height:calc(100dvh - 32px);overflow:auto}#video-container iframe{min-height:200px}.credits button,.credits a{min-height:44px;display:inline-flex;align-items:center}
@media(hover:none){.vinyl{transform:translateX(9%)}.play-label{min-height:44px;display:flex;align-items:center}.sleeve:active .vinyl{transform:translateX(18%)}}
@media(min-width:651px) and (max-width:1100px){.mast{gap:12px;padding-inline:24px;flex-wrap:wrap}.mast .logo{width:130px}.mast nav{margin-left:auto}.mast nav>a{padding:10px 13px;font-size:10px}.header-socials{justify-content:flex-end;margin-left:auto}.poster{height:850px}.poster h1{top:130px}.hero-note{bottom:13%}.music-heading h2{font-size:17vw}.music-heading{margin-bottom:50px}.record.remix{margin-top:70px}.work-in-progress{margin-top:80px}.listen-strip{flex-wrap:wrap;justify-content:center;gap:18px 28px}.listen-strip>span{max-width:none;width:100%;text-align:center;margin:0 0 8px}.live-collage{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 55px;padding-bottom:120px;margin-top:45px}.snap-two{margin-top:90px}.snap-three{margin-top:-35px}.snap-four{margin-top:70px}.live-note{right:0;bottom:35px}.wall-star{left:0;bottom:30px}.record-label{font-size:8px}.record-caption{display:block}.record-caption h3{font-size:12px}.record-caption a,.record-caption button{font-size:10px}.set-layout{gap:7%}.set-copy h2{font-size:15vw}}
@media(max-width:650px){.mast{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px 6px;padding:12px 16px;min-height:126px}.mast .logo{width:124px;grid-column:1;grid-row:1}.header-socials{grid-column:2;grid-row:1;gap:0;margin:0}.header-socials>a{width:40px;height:44px}.header-socials .brand-icon{width:21px;height:21px}.mast nav{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:0}.mast nav>a,.mast nav>a:nth-child(2){display:flex;font-size:9px;padding:10px 8px;min-height:44px;white-space:nowrap}.poster{height:790px;max-height:none}.poster-index{max-width:none;left:20px;right:20px;justify-content:space-between}.poster h1{top:83px}.orbit-stamp{top:163px}.orbit-stamp>span{font-size:60px}.hero-ticket{bottom:108px}.hero-note{bottom:72px;font-size:29px}.poster-bottom{bottom:38px;font-size:6px}.ticker{margin-top:-24px;min-height:53px;font-size:32px}.record-wall{padding:45px 25px 55px;display:block}.music-heading{margin-bottom:42px}.music-heading .scribble{top:30px;font-size:65px;right:-5px}.record.original{margin:0 6% 55px 0;transform:rotate(-3deg)}.record.remix{margin:0 0 55px 7%;transform:rotate(3deg)}.remix-note{margin:0 10px 22px 0;font-size:28px;transform:rotate(-6deg)}.record-caption{display:flex;gap:12px;align-items:center}.record-caption h3{font-size:11px}.record-caption a,.record-caption button{font-size:8px;min-height:44px}.record-label{font-size:7px}.work-in-progress{width:95%;margin:70px auto 30px;padding:22px 0;gap:14px}.work-in-progress p{font-size:34px}.work-in-progress .handwritten{right:0;left:auto;font-size:23px}.listen-strip{padding:32px 22px;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.listen-strip>span{grid-column:1/-1;width:100%;max-width:none;text-align:center;margin:0 0 12px;font-size:35px}.listen-strip>a{min-width:0;padding:12px 5px;gap:9px;font-size:10px}.listen-strip>a .brand-icon{width:43px;height:43px}.live-wall{padding:45px 25px 0}.live-collage{display:flex;flex-direction:column;align-items:center;gap:40px;height:auto;margin-top:42px;padding:10px 0 110px}.snap{max-width:350px;width:90%!important;margin:0!important}.snap-one{align-self:start;transform:rotate(-3deg)}.snap-two{align-self:end;transform:rotate(3deg)}.snap-three{align-self:start;transform:rotate(-3deg)}.snap-four{align-self:end;transform:rotate(3deg)}.snap video,.snap img{aspect-ratio:9/16;width:100%;height:auto}.social-play{font-size:9px;bottom:12px;min-height:44px}.live-note{font-size:30px;max-width:none;right:0;bottom:35px}.wall-star{font-size:60px;left:0;bottom:25px}.set-layout{gap:48px}.set-copy>p{font-size:15px}.soundcloud{width:100%;min-width:0}.soundcloud iframe{min-height:166px}.flyer{width:76%;max-width:300px}.contact-bottom{margin-top:35px}.contact-wall .section-index{font-size:7px}footer{padding-bottom:calc(100px + env(safe-area-inset-bottom));gap:22px}.socials{gap:8px;width:auto;margin-left:auto}.socials>a{width:40px}.credits{align-items:center;gap:16px}.sticky-play{bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100% - 24px)}.player-dialog{max-width:calc(100% - 20px);padding:16px}.dialog-heading{gap:15px}.dialog-heading h2{font-size:22px;line-height:1.1}.close{min-width:44px;min-height:44px;font-size:32px;display:grid;place-items:center}#video-container iframe{min-height:200px}.local-video-note{font-size:12px;padding:16px 0}}
@media(max-width:360px){.mast .logo{width:105px}.header-socials>a{width:36px}.mast{padding-inline:12px}.mast nav>a{font-size:8px}.record-caption{display:block}.contact-bottom .handwritten{font-size:26px}.book-link>span{font-size:75px}}

.listen-strip>a:hover{--icon-cutout:#111110}
.booking-dialog{width:650px;max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain;padding:30px}.booking-dialog .dialog-heading{margin-bottom:12px}.booking-dialog .dialog-heading h2{font-size:38px;line-height:1;margin-top:12px;color:var(--acid)}.booking-dialog .tiny{color:var(--purple)}.booking-dialog #booking-intro{margin:0 0 24px;font-size:12px;max-width:450px}.booking-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.booking-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.booking-field label{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.booking-field input,.booking-field textarea{width:100%;min-height:48px;background:#262625;border:1px solid #8c8c7c;color:#fff;border-radius:0;padding:12px;font:16px/1.5 var(--mono);box-sizing:border-box}.booking-field input:focus,.booking-field textarea:focus{outline:2px solid var(--acid);outline-offset:2px}.booking-field textarea{resize:vertical;min-height:150px;max-height:340px}.booking-trap{display:none!important}.booking-dialog .booking-disclosure{font-size:10px;color:#c4c4b8;line-height:1.65;margin:0 0 16px}.booking-submit{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--acid);color:var(--ink);font-weight:600;font-size:13px;padding:16px 20px;min-height:52px}.booking-submit:hover{background:var(--paper)}.booking-submit:disabled{opacity:.6;cursor:wait}.booking-submit>span{font-size:24px;line-height:1}.booking-status{font-size:12px;line-height:1.65;margin:0 0 14px;overflow-wrap:anywhere}.booking-status:empty{display:none}.booking-status[data-state="error"]{color:#ffb8ad;border-left:3px solid #ffb8ad;padding-left:12px}.booking-status[data-state="success"]{color:var(--acid);border-left:3px solid var(--acid);padding-left:12px}#privacy-dialog a{text-decoration:underline;text-underline-offset:3px}@media(max-width:650px){.booking-dialog{padding:20px;max-width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.booking-fields{grid-template-columns:1fr;gap:0}.booking-dialog .dialog-heading h2{font-size:30px;line-height:1.05}.booking-dialog .dialog-heading{gap:8px}.booking-field textarea{min-height:120px;max-height:240px}.booking-dialog #booking-intro{font-size:11px;margin-bottom:20px}.booking-field{margin-bottom:15px}}

/* A wide tilted band crosses the hero edge; the backing fills its lower corners. */
.marquee-bridge{position:relative;z-index:6;height:max(64px,5vw);margin-top:calc(-1.6vw - 16px);background:linear-gradient(to bottom,transparent 50%,var(--paper) 50%)}
.marquee-bridge .ticker{position:absolute;top:0;left:-5%;width:110%;height:100%;min-height:0;margin:0;transform:rotate(1.5deg);transform-origin:center;overflow:hidden;border-block:4px solid var(--acid)}
/* Semi-transparent masking tape, with torn ends and visible paper fibres. */
.flyer .tape{z-index:2;top:-24px;left:24%;width:52%;height:56px;transform:rotate(7deg);opacity:.91;clip-path:polygon(2% 0,98% 2%,97% 12%,100% 21%,97% 31%,99% 44%,97% 56%,100% 67%,98% 78%,100% 91%,98% 100%,1% 98%,3% 87%,0 76%,2% 64%,0 52%,3% 40%,0 27%,3% 15%);background:repeating-linear-gradient(4deg,transparent 0 3px,#80673612 4px 5px),linear-gradient(90deg,#c9b47c99,#efe0aebb 15%,#e7d59daf 47%,#f8eac4bb 51%,#d8c18d99);box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 2px #77632e45;filter:drop-shadow(0 3px 2px #30251640);pointer-events:none}
.flyer .tape:before{content:'';position:absolute;inset:3px 7px;border-block:1px solid #fff4;background:linear-gradient(90deg,transparent 46%,#fff5 49%,#aa8f5133 50%,transparent 53%)}
@media(max-width:650px){.marquee-bridge{height:53px}.flyer .tape{height:44px;top:-19px;width:54%;left:23%}}

/* The flyer is tilted -7deg on desktop and -6deg on phones.
   Counter-rotate the tape locally so its visible tilt is a gentler -3deg. */
.flyer .tape{transform:rotate(4deg)}
@media(max-width:650px){.flyer .tape{transform:rotate(3deg)}}

.booking-retry{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;margin:0 0 12px;color:var(--acid);font-size:12px;text-decoration:underline;text-underline-offset:4px}.booking-retry[hidden]{display:none}

.artist-intro{font-family:var(--mono);font-size:13px;font-weight:400;line-height:1.8;letter-spacing:0;max-width:560px;margin-top:32px;color:#45453e}.poster h1[aria-label]{word-spacing:0}@media(max-width:650px){.artist-intro{font-size:12px;line-height:1.75;margin-top:26px;max-width:100%}}

/* Vector marks stay crisp and never become emoji on iOS. */
.ui-arrow,.ui-asterisk{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;color:inherit}
.ui-arrow{overflow:visible}.arrow-down-left{transform:rotate(180deg)}.arrow-down-right{transform:rotate(90deg)}.arrow-up{transform:rotate(-45deg)}
.mast nav>a{gap:6px}.social-play{gap:6px}.book-link>span .ui-arrow{display:block;vertical-align:0}.hero-ticket b .ui-arrow{vertical-align:0}
.orbit-stamp svg{animation:none}.orbit-stamp>span .ui-asterisk{width:60%;height:60%;fill:currentColor}
.orbit-rotor{position:absolute;inset:0;transform-origin:50% 50%;animation:ambient-spin 38s linear infinite;will-change:transform}
.ticker>.ticker-track{display:flex;width:max-content;white-space:nowrap;animation:ambient-crawl 45s linear infinite;will-change:transform}
.ticker-group{display:flex;align-items:center;flex-shrink:0;gap:.3em;padding-right:.3em;white-space:pre}
.ticker-group .ui-asterisk{width:.65em;height:.65em}
@keyframes ambient-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ambient-crawl{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* Device Reduce Motion preferences apply to both ambient animations. */
@media(prefers-reduced-motion:reduce){.orbit-rotor,.ticker>.ticker-track{animation:none!important}}

/* Overlap the paper backing across the section boundary so mobile compositing
   cannot reveal a hairline of the dark page behind it. The ticker stays above. */
.marquee-bridge::after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:6px;background:var(--paper);z-index:-1;pointer-events:none}

/* Extend the dark hero below its artwork, then balance space around the credit.
   Extra space moves the marquee down without stretching the artwork or ticket. */
@media(min-width:651px){.poster{margin-bottom:48px}.poster-bottom{bottom:calc(3vw + 16px)}}

/* Position the handwritten note below the lettering, rather than from the
   viewport bottom. Reserve room for the note and credit on short laptop screens. */
@media(min-width:651px){
  .poster{--hero-title-top:80px;--hero-title-size:clamp(160px,24vw,390px);--hero-min-height:780px;--hero-note-top:calc(var(--hero-title-top) + var(--hero-title-size)*1.56 + 3vw + 24px);min-height:max(var(--hero-min-height),calc(var(--hero-note-top) + 175px))}
  .poster h1{top:var(--hero-title-top);font-size:var(--hero-title-size)}
  .hero-note{top:var(--hero-note-top);bottom:auto;transform-origin:left center}
}
@media(min-width:651px) and (max-width:1100px){.poster{--hero-title-top:130px}}
@media(min-width:651px) and (max-width:1000px){.poster{--hero-title-size:26vw;--hero-min-height:720px}}
@media(min-width:1600px){.poster{--hero-title-top:85px;--hero-title-size:360px;--hero-min-height:930px}}