@import "https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Quicksand&display=swap";:root{--frame-color:#fffaf0;--text-color:#13181be5;--bg-light:#dfe9e0;--bg-dark:#24787d;--shadow:1px 4px 4px 2px #00000040;--shadow-subtle:0 1px 2px 0 #00000026;--display-font:"Permanent Marker";--letter-spacing:.05rem;--body-font:"Quicksand", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.skip-link{z-index:100;background:var(--bg-dark);color:var(--frame-color);opacity:0;border-radius:.25rem;padding:.65rem .9rem;text-decoration:none;transition:top .2s;position:absolute;top:-3rem;left:1rem;&:focus{top:1rem}&:focus-visible{opacity:1;outline:2px solid var(--frame-color);outline-offset:.15rem}}html,body{scroll-behavior:smooth;width:100dvw;min-height:100dvh;margin:0;padding:0;overflow:clip auto}body{background:var(--bg-light);background-image:linear-gradient(135deg, var(--bg-light), var(--bg-dark));color:var(--text-color);font-family:var(--body-font)}.tab-bar{z-index:50;backdrop-filter:blur(8px);box-shadow:var(--shadow-subtle);opacity:0;pointer-events:none;background:#fffaf0e6;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:.85rem 1rem;transition:opacity .18s,transform .18s;display:flex;position:fixed;inset:0 0 auto;transform:translateY(-.75rem);&.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}& .tab-bar-toggle{color:var(--text-color);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.2rem;font-size:1.25rem;display:none;& i{color:inherit}& span{background:currentColor;border-radius:999px;width:1.2rem;height:2px;display:block}}& .tab-bar-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}& a{color:var(--text-color);font-family:var(--display-font);letter-spacing:var(--letter-spacing);cursor:pointer;margin:0 .5rem;padding:.1rem .25rem;font-size:1.15rem;text-decoration:none;transition:color .15s;&:hover,&:focus-visible{color:var(--bg-dark)}}}.card{text-align:center;background:var(--bg-light);backdrop-filter:blur(.5rem);max-width:min(42vw,45rem);box-shadow:var(--shadow);z-index:1;opacity:.85;border-radius:.25rem;flex-direction:column;align-items:center;margin:0 auto 4rem;padding:2rem 4rem;display:flex}.card-heading{font-size:1.75rem;font-family:var(--display-font);letter-spacing:var(--letter-spacing);margin-bottom:.5rem}.card-subtitle{display:inherit;font-family:var(--body-font);opacity:.75;font-size:1.25rem;font-weight:700}.prose{text-align:left;text-wrap:pretty;max-width:66ch;letter-spacing:calc(var(--letter-spacing) * .5);margin-inline:auto;line-height:1.5rem;& p{text-indent:1.5rem;margin:0;&:not(:last-child){margin-bottom:1rem}}}.text-center{text-align:center;text-indent:0}.show-venue,.show-address,.show-time,.show-description{text-indent:0;margin:0}.show-address{text-wrap:pretty}.show-venue{font-weight:700}.show-address{opacity:.7;font-size:.95rem;& a{color:inherit;text-underline-offset:.15em;text-decoration:underline;&:hover,&:focus-visible{color:var(--bg-dark)}}}.show-time,.show-description{opacity:.75;font-size:.9rem}.show-list{gap:1rem;margin-top:1.5rem;margin-bottom:0;padding:0;list-style:none;display:grid}.show-item{border-bottom:1px solid var(--bg-dark);align-items:flex-start;gap:1rem;padding:.75rem 0;display:flex;&:last-child{border-bottom:0}}.show-date-block{border:1px solid var(--bg-dark);background:var(--frame-color);text-align:center;border-radius:.2rem;flex-direction:column;justify-content:center;align-items:center;min-width:3.25rem;padding:.35rem .4rem;line-height:1;display:flex;& .show-month{letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:700}& .show-day{margin-top:.2rem;font-size:1.3rem;font-weight:700}}.show-details{text-align:left;flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.loading-text{opacity:.75;text-indent:0;margin:0}.show-skeleton{opacity:.8}.skeleton-block,.skeleton-line{background:linear-gradient(90deg,#13181b17 25%,#13181b29 50%,#13181b17 75%) 0 0/200% 100%}.skeleton-block{border-radius:.2rem;width:3.25rem;height:3.25rem}.skeleton-line{border-radius:999px;height:.8rem}.skeleton-line-title{width:8rem;margin-bottom:.35rem}.skeleton-line-subtitle{width:10rem}.music-item{isolation:isolate;background:0 0;align-items:center;gap:.75rem;margin:1rem;padding:0;display:flex;& .album-art{aspect-ratio:1;filter:saturate(150%);border-radius:.2rem;flex-shrink:0;width:min(100%,10rem);margin:0 1rem 0 0;padding:0}& .album-title{text-align:left;min-width:0;font-family:var(--body-font);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.75rem;margin:0;padding-left:0;font-size:1.25rem;font-weight:700;line-height:1.3;display:flex;& .icon-link{font-size:1rem;& i{font-size:1.25rem}}}}.icon-link{color:var(--text-color);opacity:.85;align-items:center;gap:.35rem;font-size:.8rem;text-decoration:none;display:inline-flex;& i{justify-content:center;align-items:center;line-height:1;display:inline-flex}& span{text-underline-offset:.15em;text-decoration:underline}&:hover,&:focus-visible{color:var(--bg-dark)}}.separator{background:linear-gradient(90deg,#13181b00,#13181b2e 22%,#24787d6b 50%,#13181b2e 78%,#13181b00);border-radius:999px;justify-content:center;align-items:center;width:clamp(4rem,18vw,8rem);height:1px;display:inline-flex}.social-links{& .icon-link{opacity:.75;margin:.5rem auto 0;font-size:1rem;font-weight:700;& i{font-size:1.5rem}}}.merch-sticker{filter:drop-shadow(0 0 .25rem #00000040);width:clamp(4.5rem,11vw,5rem);height:auto;margin:.5rem auto 0;display:block;overflow:visible}.last-updated-text{text-align:center;width:fit-content;max-width:100%;letter-spacing:calc(var(--letter-spacing) * .5);opacity:.68;justify-content:center;margin:.7rem auto 0;font-size:.75rem;font-style:italic;line-height:1.3;display:flex}.shows-footer{grid-auto-flow:column;justify-content:center;align-items:center;gap:0 2.5rem;width:fit-content;max-width:100%;margin:.75rem auto 0;display:grid;&>.last-updated-text{width:auto;margin:0}}.bg{opacity:.85;visibility:visible;background:url(noise-transparent.decb3365.png);width:200%;height:200vh;transition:opacity .8s,filter .8s;position:fixed;inset:-50%}footer.footer-bar{color:var(--text-color);font-family:var(--display-font);letter-spacing:var(--letter-spacing);text-align:center;opacity:.9;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem;margin:0;padding:1rem 1.25rem 1.5rem;font-size:.9rem;line-height:1.5;display:flex;& .footer-break{margin:0 .35rem;display:inline-block}& a{color:var(--text-color);margin-left:.1rem;text-decoration:none;&:hover,&:focus-visible{text-decoration:underline}}}a{transition:color .25s ease-in;&:hover,&:focus-visible{transition:color .15s ease-out}}@media (width<=48rem){.card{max-width:min(92vw,720px);margin-bottom:2.5rem;padding:1rem}.card-heading{font-size:1.75rem}.prose{& p{margin-left:1rem;font-size:.95rem;line-height:1.5rem}}.show-item{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding-left:1rem;display:grid}.show-date-block{min-width:3rem}.show-details{width:100%;min-width:0}.shows-footer{grid-auto-flow:row;justify-items:center;gap:1rem 0}.show-address{grid-column:1/-1;width:100%;margin-top:.2rem}.tab-bar{justify-content:center;gap:.35rem;padding:.7rem .75rem;& .tab-bar-toggle{display:inline-flex}& .tab-bar-links{flex-direction:column;gap:.4rem;width:100%;padding-top:.35rem;display:none}&.is-open .tab-bar-links{display:flex}& a{margin:0 .2rem;font-size:1rem}}.music-item{text-wrap:pretty;& .album-art{aspect-ratio:1;width:min(33%,8rem)}& .album-title{gap:.8rem;font-size:1rem;& .icon-link{font-size:.75rem;& i{font-size:1rem}}}}footer.footer-bar{padding:1rem 1rem 1.5rem;font-size:.8rem}.footer-break{display:none}}@media (width<=30rem){.card{padding:1rem}.tab-bar a{font-size:.95rem}.show-list{gap:.8rem}.show-address,.show-description{font-size:.9rem}}@media (prefers-reduced-motion:no-preference){.skeleton-block .skeleton-line{animation:1.2s infinite skeleton-shimmer}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}