:root{--ink: #0b0b0c;--ink-2: #141416;--paper: #f4f1ea;--paper-2: #e9e4d8;--ink-text: #f2efe9;--paper-text: #1a1817;--amber: #cda0dd;--amber-dim: #9877a8;--plum: #661d7d;--plum-light: #7a5270;--moss: #4f6357;--border-dark: rgba(244,241,234,.14);--border-light: rgba(26,24,23,.14);--focus-ring: var(--amber);--font-display: "Fjalla One", "Bricolage Grotesque", sans-serif;--font-body: "Sora", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Martian Mono", ui-monospace, monospace;--step--1: clamp(.83rem, .8rem + .15vw, .95rem);--step-0: clamp(1rem, .95rem + .2vw, 1.125rem);--step-1: clamp(1.2rem, 1.1rem + .4vw, 1.5rem);--step-2: clamp(1.5rem, 1.3rem + .8vw, 2.1rem);--step-3: clamp(2rem, 1.6rem + 1.6vw, 3.2rem);--step-4: clamp(2.6rem, 1.9rem + 2.8vw, 4.6rem);--step-5: clamp(3.4rem, 2.2rem + 4.8vw, 6.4rem);--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-s: 1.5rem;--space-m: 1.5rem;--space-l: 2.25rem;--space-xl: clamp(3rem, 2.4rem + 2.4vw, 5rem);--space-2xl: clamp(4.5rem, 3.4rem + 4.4vw, 8rem);--space-3xl: clamp(6rem, 4.4rem + 6.4vw, 11rem);--content-max: 74rem;--measure: 62ch;--radius-s: 4px;--radius-m: 10px;--border-w: 1px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .15s;--dur-med: .4s}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur-med: 0ms}}*,*:before,*:after{box-sizing:border-box}html{text-size-adjust:100%;-webkit-text-size-adjust:100%}html,body{height:100%}body{margin:0;background:var(--ink);color:var(--ink-text);font-family:var(--font-body);font-size:var(--step-0);line-height:1.55;font-feature-settings:"liga" 1,"kern" 1;-webkit-font-smoothing:antialiased}img,picture,svg,video{display:block;max-inline-size:100%;block-size:auto}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.08;margin:0;font-weight:600;text-wrap:balance}h1{font-size:var(--step-5)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1);font-family:var(--font-body);font-weight:700}p{margin:0 0 1em;max-inline-size:var(--measure)}p:last-child{margin-bottom:0}a{color:inherit;text-decoration-color:#f4f1ea66;text-underline-offset:.2em}a:hover{text-decoration-color:currentColor}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-s)}.skip-link{position:absolute;left:var(--space-s);top:-100px;background:var(--amber);color:var(--ink);padding:var(--space-xs) var(--space-m);font-family:var(--font-mono);font-size:var(--step--1);font-weight:700;border-radius:var(--radius-s);z-index:1000;transition:top var(--dur-fast) var(--ease-out)}.skip-link:focus{top:var(--space-s)}.wrap{max-inline-size:var(--content-max);margin-inline:auto;padding-inline:var(--space-m)}@media(min-width:640px){.wrap{padding-inline:var(--space-l)}}.section{padding-block:var(--space-2xl)}.section--tight{padding-block:var(--space-xl)}.section--paper{background:var(--paper);color:var(--paper-text)}.section--paper a{text-decoration-color:#1a181759}.section--plum{background:var(--plum);color:var(--ink-text);padding-block:var(--space-2xl)}.section--stage{position:relative;overflow:hidden;background:var(--ink)}.section--stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(50% 60% at 12% 18%,rgba(122,82,112,.38),transparent 72%),radial-gradient(55% 65% at 88% 82%,rgba(205,160,221,.14),transparent 70%),linear-gradient(180deg,transparent 0%,rgba(22,16,25,.9) 50%,transparent 100%),repeating-linear-gradient(to bottom,rgba(244,241,234,.02) 0px,rgba(244,241,234,.02) 1px,transparent 1px,transparent 3px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%)}.section--stage>.wrap{position:relative;z-index:1}.eyebrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);display:inline-flex;align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-s)}.section--paper .eyebrow{color:var(--plum-light)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}.btn{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--step--1);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.9em 1.6em;border-radius:999px;border:var(--border-w) solid currentColor;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);text-decoration:none}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn--solid:hover{box-shadow:0 6px 18px #cda0dd40}.btn--solid{background:var(--amber);color:var(--ink);border-color:var(--amber)}.btn--solid:hover{background:var(--ink-text);border-color:var(--ink-text)}.btn--ghost:hover{background:#f4f1ea1a}.section--paper .btn--ghost:hover{background:#1a181714}.todo{border:1px dashed var(--amber-dim);background:#e3a63e14;border-radius:var(--radius-m);padding:var(--space-s) var(--space-m)}.todo__tag{font-family:var(--font-mono);font-size:var(--step--1);font-weight:700;color:var(--amber);letter-spacing:.06em;display:block;margin-bottom:var(--space-3xs)}.section--paper .todo__tag{color:var(--plum-light)}hr.rule{border:0;border-top:var(--border-w) solid var(--border-dark);margin-block:var(--space-xl)}.section--paper hr.rule{border-top-color:var(--border-light)}.site-header{position:sticky;top:0;z-index:100;background:#0b0b0cdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--border-w) solid var(--border-dark)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);padding-block:var(--space-s)}.logo{font-family:var(--font-display);font-size:var(--step-1);font-weight:600;text-decoration:none;letter-spacing:.01em}.nav-toggle{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2xs) var(--space-s);border:var(--border-w) solid var(--border-dark);border-radius:999px}.nav-toggle .icon-close,.nav-toggle[aria-expanded=true] .icon-open{display:none}.nav-toggle[aria-expanded=true] .icon-close{display:inline}@media(min-width:900px){.nav-toggle{display:none}}.main-nav{display:none;position:absolute;inset-inline:0;top:100%;background:var(--ink);border-bottom:var(--border-w) solid var(--border-dark);padding:var(--space-m);opacity:0;translate:0 -.75rem;transition:opacity var(--dur-med) var(--ease-out),translate var(--dur-med) var(--ease-out),display var(--dur-med) allow-discrete}.main-nav[data-open=true]{display:block;opacity:1;translate:0 0}@starting-style{.main-nav[data-open=true]{opacity:0;translate:0 -.75rem}}@media(prefers-reduced-motion:no-preference){.main-nav[data-open=true] li{animation:nav-item-in .35s var(--ease-out) backwards}.main-nav[data-open=true] li:nth-child(2){animation-delay:40ms}.main-nav[data-open=true] li:nth-child(3){animation-delay:80ms}.main-nav[data-open=true] li:nth-child(4){animation-delay:.12s}.main-nav[data-open=true] li:nth-child(5){animation-delay:.16s}.main-nav[data-open=true] li:nth-child(6){animation-delay:.2s}}@keyframes nav-item-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.main-nav ul{display:flex;flex-direction:column;gap:var(--space-2xs)}.main-nav a{display:block;padding:var(--space-xs) var(--space-2xs);font-size:var(--step-0);text-decoration:none}.main-nav a[aria-current=page],.main-nav a:hover{color:var(--amber)}.social-list{display:flex;gap:var(--space-s);padding-top:var(--space-s);margin-top:var(--space-s);border-top:var(--border-w) solid var(--border-dark)}.social-list a{display:inline-flex;padding:var(--space-2xs);transition:transform var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.social-list a:hover,.social-list a:focus-visible{transform:translateY(-2px);color:var(--amber)}.social-list svg{inline-size:20px;block-size:20px}@media(min-width:900px){.main-nav{display:block;position:static;background:none;border:0;padding:0;opacity:1;translate:none;transition:none}.main-nav li{animation:none!important}.main-nav ul{flex-direction:row;align-items:center;gap:var(--space-l)}.main-nav a{padding:var(--space-2xs) 0;font-size:var(--step--1);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;position:relative}.main-nav a:after{content:"";position:absolute;inset-inline:0;bottom:-2px;block-size:2px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-med) var(--ease-out)}.main-nav a:hover:after,.main-nav a:focus-visible:after,.main-nav a[aria-current=page]:after{transform:scaleX(1)}.social-list{border:0;padding:0;margin:0}}.header-inner{position:relative}.hero{position:relative;overflow:hidden;display:flex;align-items:center;min-block-size:clamp(28rem,58vh,36rem);background-image:url(/resources/Other/CY_GROUP1_BW.webp);background-size:cover;background-position:center;padding-block:var(--space-xl)}@media(pointer:fine){.hero{background-attachment:fixed}}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0b0b0cb8,#0b0b0c80 45%,#0b0b0cc7)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgba(244,241,234,.025) 0px,rgba(244,241,234,.025) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay}.hero>.wrap{inline-size:100%}.hero__inner{position:relative;max-inline-size:50rem}.hero__title{margin-block:var(--space-s) var(--space-m)}.hero__lede{font-size:var(--step-1);color:#f4f1eaeb}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-s);margin-top:var(--space-l)}.hero--page{min-block-size:clamp(42.5rem,68vh,46rem);padding-block:var(--space-m)}.hero--page .hero__title{font-size:var(--step-4)}.hero--page .hero__lede{font-size:var(--step-0)}@media(prefers-reduced-motion:no-preference){.hero__inner>*{animation:rise-in .7s var(--ease-out) backwards}.hero__inner>:nth-child(2){animation-delay:90ms}.hero__inner>:nth-child(3){animation-delay:.18s}.hero__inner>:nth-child(4){animation-delay:.27s}}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.hero--music{background-image:url(/resources/Other/CY_PORCH3_BW.webp);background-position:center}.hero--shows{background-image:url(/resources/Other/CY_COUCH_BW.webp);background-position:center}.hero--about{background-image:url(/resources/Other/CY_PORCH2_BW.webp);background-position:center}.hero--gallery{background-image:url(/resources/Other/CY_GROUP2_BW.webp);background-position:center}.hero--contact{background-image:url(/resources/Other/CY_MIKE_MAX1_BW.webp);background-position:center}@media(max-width:740px){.hero{background-image:url(/resources/Other/CY_GROUP1_BW-sm.webp)}.hero--music{background-image:url(/resources/Other/CY_PORCH3_BW-sm.webp)}.hero--shows{background-image:url(/resources/Other/CY_COUCH_BW-sm.webp)}.hero--about{background-image:url(/resources/Other/CY_PORCH2_BW-sm.webp)}.hero--gallery{background-image:url(/resources/Other/CY_GROUP2_BW-sm.webp)}.hero--contact{background-image:url(/resources/Other/CY_MIKE_MAX1_BW-sm.webp)}.hero--home{background-position:85% center}.hero--contact{background-position:25% center}}.marquee{border-block:var(--border-w) solid var(--border-dark);background:var(--ink-2);overflow:hidden;padding-block:var(--space-xs)}.marquee__track{display:flex;gap:var(--space-l);white-space:nowrap;animation:marquee 32s linear infinite;width:max-content}.marquee__item{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.04em;text-transform:uppercase;color:var(--amber)}.marquee__item b{color:var(--ink-text);font-weight:700}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee:hover .marquee__track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.marquee__track{animation:none;overflow-x:auto}}.section-head{max-inline-size:40rem;margin-bottom:var(--space-l)}.disco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-l)}.disco-card{text-decoration:none}.disco-card__art{position:relative;aspect-ratio:1;border-radius:var(--radius-m);overflow:hidden;background:var(--ink-2);border:var(--border-w) solid var(--border-dark)}.disco-card__art img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--dur-med) var(--ease-out)}.disco-card:hover .disco-card__art img{transform:scale(1.03)}.disco-card__kind{font-family:var(--font-mono);font-size:var(--step--1);color:var(--amber);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-s);display:block}.disco-card__title{font-family:var(--font-display);font-size:var(--step-1);margin-top:var(--space-3xs);transition:color var(--dur-fast) var(--ease-out)}.disco-card:hover .disco-card__title,.disco-card:focus-visible .disco-card__title{color:var(--amber)}.tracklist{border-top:var(--border-w) solid var(--border-dark)}.tracklist li{display:grid;grid-template-columns:2.5rem 1fr auto;align-items:baseline;gap:var(--space-s);padding-block:var(--space-s);border-bottom:var(--border-w) solid var(--border-dark)}.tracklist .num{font-family:var(--font-mono);color:var(--amber-dim)}.tracklist .dur{font-family:var(--font-mono);font-size:var(--step--1);color:#f4f1eabf}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-l)}.member-card__photo{border-radius:var(--radius-m);overflow:hidden;background:var(--ink-2);border:var(--border-w) solid var(--border-dark)}.member-card__photo img{inline-size:100%;block-size:100%;object-fit:contain;transition:transform var(--dur-med) var(--ease-out)}.member-card:hover .member-card__photo img{transform:scale(1.03)}.member-card__name{margin-top:var(--space-s)}.member-card__role{font-family:var(--font-mono);font-size:var(--step--1);color:var(--amber-dim);text-transform:uppercase;letter-spacing:.04em}.section--paper .member-card__role{color:var(--plum-light)}.show-list li{display:grid;grid-template-columns:6rem 1fr auto;gap:var(--space-m);align-items:center;padding-block:var(--space-m);border-bottom:var(--border-w) solid var(--border-dark)}.show-list time{font-family:var(--font-mono);color:var(--amber)}.show-list .venue{font-family:var(--font-display);font-size:var(--step-1)}.show-list .city{font-family:var(--font-mono);font-size:var(--step--1);color:#f4f1eabf}.gallery-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-s)}.gallery-grid a{display:block;overflow:hidden;border-radius:var(--radius-s)}.gallery-grid img{display:block;block-size:15rem;inline-size:auto;max-inline-size:100%;border-radius:var(--radius-s)}.gallery-grid .todo{flex:1 1 100%}.gallery-grid a img{transition:transform var(--dur-med) var(--ease-out)}.gallery-grid a:hover img,.gallery-grid a:focus-visible img{transform:scale(1.05)}.embed{position:relative;aspect-ratio:16/9;border-radius:var(--radius-m);overflow:hidden;background:var(--ink-2);border:var(--border-w) solid var(--border-dark)}.embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;border:0}.faq-item{border-bottom:var(--border-w) solid var(--border-dark)}.faq-item summary{padding-block:var(--space-m);font-family:var(--font-display);font-size:var(--step-1);cursor:pointer;display:flex;justify-content:space-between;gap:var(--space-m)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--font-mono);color:var(--amber);transition:transform var(--dur-med) var(--ease-out)}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding-bottom:var(--space-m);color:#f4f1eacc}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0b0b0ceb;display:flex;align-items:center;justify-content:center;padding:var(--space-l)}@media(prefers-reduced-motion:no-preference){.lightbox{animation:fade-in .2s var(--ease-out)}.lightbox img{animation:scale-in .26s var(--ease-out)}}@keyframes fade-in{0%{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}}.lightbox img{max-inline-size:min(90vw,60rem);max-block-size:85vh;object-fit:contain;border-radius:var(--radius-s)}.lightbox__close{position:absolute;top:var(--space-m);right:var(--space-m);font-size:2rem;line-height:1;color:var(--ink-text);padding:var(--space-2xs) var(--space-s)}.site-footer{background:var(--ink-2);border-top:var(--border-w) solid var(--border-dark);padding-block:var(--space-xl) var(--space-l)}.footer-grid{display:grid;gap:var(--space-l);grid-template-columns:1fr}@media(min-width:700px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-grid h2{font-size:var(--step-1)}.footer-nav a{display:block;padding-block:var(--space-3xs);text-decoration:none;font-size:var(--step--1)}.footer-nav a:hover{color:var(--amber)}.footer-bottom{margin-top:var(--space-l);padding-top:var(--space-m);border-top:var(--border-w) solid var(--border-dark);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-s);font-family:var(--font-mono);font-size:var(--step--1);color:#f4f1eab8}.bio-split{display:grid;gap:var(--space-l);align-items:start}.bio-split__photo{max-inline-size:22rem}@media(min-width:760px){.bio-split{display:flex}.bio-split__text{flex:1 1 auto}.bio-split__photo{flex:0 0 22rem}}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:none}}