@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#171513;--bone:#eee8dd;--ember:#1f5875;--amber:#d8903d;--smoke:#a59c90;--display:'Libre Baskerville',Georgia,serif;--utility:'Space Grotesk',Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bone);color:var(--ink);font-family:var(--utility);font-size:16px;line-height:1.55}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--amber);outline-offset:5px}.skip-link{position:absolute;left:1rem;top:-5rem;background:var(--amber);color:var(--ink);padding:.55rem .8rem;z-index:10}.skip-link:focus{top:1rem}
.hero{min-height:100svh;position:relative;isolation:isolate;color:var(--bone);display:flex;flex-direction:column;padding:1.5rem clamp(1.25rem,4vw,4.5rem) 2rem;overflow:hidden;background:#0d1016}.hero__video,.hero__image,.hero__grain{position:absolute;inset:0}.hero__video{z-index:-3;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.05)}.hero__image{z-index:-2;background-image:linear-gradient(90deg,rgba(15,12,10,.88),rgba(15,12,10,.4) 55%,rgba(15,12,10,.38)),linear-gradient(0deg,rgba(15,12,10,.78),transparent 50%)}.hero__grain{z-index:-1;opacity:.18;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:screen}
.nav{display:flex;justify-content:space-between;align-items:center;font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.1em}.nav__mark{text-decoration:none;font-weight:500;font-size:1rem;letter-spacing:.08em}.nav__mark span{color:var(--amber);margin:0 .2rem}.nav__links{display:flex;gap:clamp(1rem,3vw,3rem)}.nav__links a{text-decoration:none}.nav__links a:hover,.footer a:hover,.text-link:hover{color:var(--amber)}
.hero__content{margin:auto 0 2rem;max-width:60rem}.kicker,.track-label{font:500 .68rem var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--amber)}.hero h1{font:700 clamp(4.6rem,16vw,13.5rem)/.9 var(--display);letter-spacing:-.08em;margin:.4rem 0 1.2rem}.hero__line{font:500 clamp(1.15rem,2.4vw,1.75rem)/1.25 var(--utility);letter-spacing:-.03em;margin:0 0 2rem}.hero__edge{position:absolute;right:clamp(1.25rem,4vw,4.5rem);bottom:2rem;writing-mode:vertical-rl;font:500 .63rem var(--mono);text-transform:uppercase;letter-spacing:.13em;color:var(--smoke)}
.button{display:inline-flex;gap:1rem;align-items:center;border:1px solid var(--ink);background:var(--ink);color:var(--bone);padding:.85rem 1.1rem;font:600 .7rem var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;text-decoration:none;transition:background .2s,color .2s,transform .2s}.button:hover{background:var(--ember);border-color:var(--ember);transform:translateY(-2px)}.button--light{border-color:var(--bone);background:transparent}.button--light:hover{background:var(--bone);color:var(--ink)}
.section-rule{border-top:1px solid var(--ink)}.section-intro,.section-heading{margin-bottom:2rem}.section-heading h2,.section-intro h2,.shows h2{font:400 clamp(2.4rem,6vw,5.5rem)/1.02 var(--display);letter-spacing:-.06em;margin:.4rem 0 0}.section-heading h2 em,.section-intro h2 em,.shows h2 em{color:var(--ember)}.return,.listen,.shows,.gallery,.contact{padding:clamp(4rem,10vw,9rem) clamp(1.25rem,8vw,10rem)}
.return{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,10vw,12rem)}.return__copy{max-width:34rem;padding-top:3.8rem;font:400 clamp(1rem,1.6vw,1.3rem)/1.55 var(--display)}.return__copy p+p{margin-top:1.5rem}
.listen{background:var(--ember);color:var(--bone);display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(2rem,8vw,10rem)}.listen .kicker{color:var(--amber)}.spotify-player{border-top:1px solid rgba(238,232,221,.6);padding-top:1.25rem}.spotify-player iframe{display:block;border:0;width:100%;margin-bottom:1.25rem}.text-link{font:500 .72rem var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.3rem;white-space:nowrap}
.shows{background:var(--ink);color:var(--bone);display:grid;grid-template-columns:minmax(10rem,1fr) 1.6fr;gap:clamp(2rem,8vw,10rem);align-items:center}.shows__stamp{font:400 clamp(6rem,18vw,18rem)/.8 var(--display);color:var(--amber);letter-spacing:-.12em;transform:rotate(-7deg)}.shows__copy>p:not(.kicker){max-width:24rem;margin:2rem 0;color:var(--smoke)}.shows .text-link{color:var(--bone)}
.gallery__heading{display:flex;justify-content:space-between;align-items:end}.gallery__heading h2{max-width:28rem}.gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.gallery figure{margin:0}.gallery figure:nth-child(2){margin-top:clamp(1rem,7vw,7rem)}.gallery img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;filter:saturate(.75) contrast(1.08)}.gallery figcaption{font:500 .62rem var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-top:.8rem;color:var(--smoke)}
.contact{background:var(--amber);display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,10vw,12rem)}.contact__fallback{margin-top:3rem;font-size:.9rem}.contact__fallback a{text-decoration-thickness:1px;text-underline-offset:.25em}.contact-form{border-top:1px solid var(--ink)}.field-row{display:grid;grid-template-columns:6rem 1fr;gap:1rem;align-items:center;border-bottom:1px solid rgba(23,21,19,.5);padding:.8rem 0}.field-row label{font:500 .64rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.field-row input,.field-row textarea{background:transparent;border:0;width:100%;color:var(--ink);font:400 1rem var(--utility);padding:.25rem 0;resize:vertical}.field-row textarea{min-height:6rem}.honeypot{position:absolute;left:-9999px}.form-actions{padding-top:1.25rem;display:flex;align-items:center;gap:1rem}.form-status{margin:0;font-size:.8rem}.form-status[data-state=success]{color:#254a25}.form-status[data-state=error]{color:#6a1818}
.footer{background:var(--ink);color:var(--bone);padding:2rem clamp(1.25rem,4vw,4.5rem);display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;align-items:center}.footer__mark{font:700 1.25rem var(--display);text-decoration:none}.footer__links{display:flex;gap:1.4rem;font:500 .65rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.footer p{color:var(--smoke);font:500 .6rem var(--mono);margin:0}
@media (max-width:700px){.hero{padding-top:1rem}.hero h1{font-size:clamp(3.2rem,14vw,4.8rem)}.hero__edge{display:none}.return,.listen,.shows,.contact{display:block}.return__copy{padding-top:0}.spotify-player{margin-top:2rem}.shows__stamp{margin-bottom:3rem;font-size:8rem}.gallery__heading{display:block}.gallery__grid{grid-template-columns:1fr;gap:2rem}.gallery figure:nth-child(2){margin-top:0}.gallery img{aspect-ratio:16/10}.contact__fallback{margin:2rem 0 3rem}.footer{grid-template-columns:1fr;gap:1rem}.footer__links{flex-wrap:wrap}}
@media (min-width:701px) and (max-width:1000px){.gallery__grid{grid-template-columns:repeat(2,1fr)}.gallery figure:nth-child(2){margin-top:0}.gallery figure:nth-child(3){grid-column:1 / -1;max-width:calc(50% - .5rem)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.hero__video{display:none}.hero__image{background-image:linear-gradient(90deg,rgba(15,12,10,.88),rgba(15,12,10,.4) 55%,rgba(15,12,10,.38)),linear-gradient(0deg,rgba(15,12,10,.78),transparent 50%),url('/images/hero.jpg');background-size:cover;background-position:center}.hero__grain{display:none}}
