:root{--ink:#fff;--ink-dim:#a3a3a3;--ink-faint:#525252;--ink-ghost:#262626;--void:#000;--rule:#ffffff1a;--gutter:1.5rem;--display-face:Impact, "Arial Black", "Helvetica Neue", sans-serif;--body-face:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--void);color:var(--ink);font-family:var(--body-face);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}.backdrop{z-index:0;background-image:var(--backdrop-url);backface-visibility:hidden;background-position:50% 20%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:-2px;transform:translate(0,0)}@media (min-aspect-ratio:21/9){.backdrop{background-position:50% 10%}}@media (min-aspect-ratio:32/9){.backdrop{background-position:50% 5%}}.backdrop-veil{background:linear-gradient(#0000004d 0%,#0006 50%,#000c 100%);position:absolute;inset:0}.meter{z-index:50;letter-spacing:.1em;color:var(--ink-faint);pointer-events:none;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;position:fixed;top:2rem;left:50%;transform:translate(-50%)}@media (max-width:767px){.meter{display:none}}.nav{top:2rem;right:var(--gutter);z-index:50;gap:2rem;animation:.6s both nav-in;display:flex;position:fixed}@keyframes nav-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.nav a{color:var(--ink);font-size:.875rem;text-decoration:none;transition:color .2s}.nav a:hover,.nav a:focus-visible{color:var(--ink-dim)}main{z-index:10;position:relative}.hero{min-height:100svh;padding:0 var(--gutter);justify-content:center;align-items:center;display:flex}.logo{max-width:65%;height:auto;margin:0 auto;display:block}@media (min-width:768px){.logo{max-width:50%}}.band{padding:8rem var(--gutter);max-width:80rem;margin:0 auto;position:relative}.band-tall{align-items:center;max-width:56rem;min-height:100svh;display:flex}.band-tall>*{width:100%}.centred{text-align:center}.display{font-family:var(--display-face);margin:0 0 3rem;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:900;font-stretch:75%;line-height:1.1}.display.big{margin-bottom:5rem;font-size:clamp(3rem,8vw,4.5rem)}.panel{-webkit-backdrop-filter:blur(4px);background:#17171780;border:1px solid #ffffff0d;border-radius:.5rem;padding:2rem}.panel iframe{border:0;border-radius:.25rem;width:100%;display:block}.video{aspect-ratio:16/9;padding:0;overflow:hidden}.video iframe{border-radius:0;height:100%}.shows{margin:0;padding:0;list-style:none}.show{border-top:1px solid var(--rule);flex-direction:column;gap:1.5rem;padding:2rem 0;transition:background-color .3s,transform .3s;display:flex}.show:hover{background-color:#ffffff0a;transform:translate(6px)}.show-day{font-family:var(--display-face);color:var(--ink-ghost);font-size:3rem;line-height:1;transition:color .3s}.show:hover .show-day{color:var(--ink)}.show-where{flex:1}.show-when{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-dim);margin:0 0 .25rem;font-size:.75rem}.show-venue{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.show-city{color:var(--ink-dim);margin:0}.ticket{background:var(--ink);color:var(--void);align-self:flex-start;padding:1rem 2rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.ticket:hover,.ticket:focus-visible{transform:scale(1.05);box-shadow:0 0 30px #fff6}.ticket:active{transform:scale(.95)}.ticket-gone{color:var(--ink-faint);cursor:default;background:#262626}.ticket-gone:hover{box-shadow:none;transform:none}@media (min-width:1024px){.show{flex-direction:row;justify-content:space-between;align-items:center;gap:3rem}.show-day{min-width:4rem}}.quiet{color:var(--ink-dim);border-top:1px solid var(--rule);padding-top:2rem}.signup{gap:1rem;max-width:36rem;margin:0 auto 4rem;display:flex}.signup input{-webkit-backdrop-filter:blur(4px);min-width:0;color:var(--ink);font:inherit;background:#17171780;border:1px solid #ffffff1a;flex:1;padding:1rem 1.5rem}.signup input::placeholder{color:#525252}.signup button{background:var(--ink);color:var(--void);font:inherit;cursor:pointer;border:0;padding:1rem 2rem;font-weight:700;transition:transform .2s,box-shadow .2s}.signup button:hover{transform:scale(1.02);box-shadow:0 0 30px #ffffff4d}@media (max-width:560px){.signup{flex-direction:column}}.socials{justify-content:center;gap:2rem;margin-bottom:3rem;display:flex}.socials a{color:var(--ink-faint);transition:color .2s,transform .2s}.socials a:hover,.socials a:focus-visible{color:var(--ink);transform:scale(1.15)}.contacts{color:var(--ink-faint);flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.contact-label{text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.75rem}.contacts a{color:var(--ink);font-size:1.125rem;text-decoration:none;transition:color .2s}.contacts a:hover,.contacts a:focus-visible{color:var(--ink-dim)}.footer{z-index:10;border-top:1px solid var(--rule);box-shadow:none;padding:3rem var(--gutter);color:#525252;border-bottom:0;flex-direction:column;align-items:center;gap:1rem;max-width:80rem;margin:0 auto;font-size:.875rem;display:flex;position:relative}.footer p{margin:0}@media (min-width:768px){.footer{flex-direction:row;justify-content:space-between}}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #ffffff80}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
