:root{--ink:#17322c;--ink-soft:#3b5a52;--paper:#f2faf6;--foam:#dff3ec;--mint:#7ec8b8;--teal:#2f7d6d;--teal-deep:#1f5a4e;--honey:#e2b34a;--honey-soft:#f3d98a;--line:color-mix(in srgb, var(--ink) 12%, transparent);--shadow-soft:0 18px 50px color-mix(in srgb, var(--teal-deep) 14%, transparent);--radius:1.25rem;--font-display:"Syne", "Avenir Next", "Segoe UI", sans-serif;--font-body:"Figtree", "Avenir Next", "Segoe UI", sans-serif;--max:70rem;--nav-h:4.25rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--mint) 55%, white), transparent 60%), radial-gradient(900px 500px at 95% 5%, color-mix(in srgb, var(--honey-soft) 70%, white), transparent 55%), linear-gradient(180deg, #eaf8f3 0%, var(--paper) 38%, #fff9ef 100%);background-attachment:fixed;margin:0;font-size:1.0625rem;line-height:1.6}img,svg{max-width:100%;height:auto;display:block}a{color:var(--teal-deep);text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{color:var(--ink)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .6rem;font-weight:750;line-height:1.05}p{margin:0 0 1rem}main{min-height:calc(100vh - var(--nav-h) - 8rem)}.wrap{width:min(100% - 2rem, var(--max));margin-inline:auto}.site-header{z-index:40;height:var(--nav-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--paper) 78%, transparent);border-bottom:1px solid var(--line);align-items:center;display:flex;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand-mark{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);font-size:1.15rem;font-weight:800;text-decoration:none}.brand-mark span{color:var(--teal)}.nav{flex-wrap:wrap;justify-content:flex-end;gap:.35rem 1rem;display:flex}.nav a{color:var(--ink-soft);font-size:.95rem;font-weight:600;text-decoration:none;position:relative}.nav a:after{content:"";background:var(--honey);transform-origin:0;height:2px;transition:transform .22s;position:absolute;bottom:-.25rem;left:0;right:0;transform:scaleX(0)}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:4rem;padding:2.5rem 0 3rem;font-size:.95rem}.site-footer .wrap{gap:.75rem;display:grid}.disclaimer{color:var(--ink-soft);max-width:48rem;font-size:.92rem}.btn-row{flex-wrap:wrap;gap:.75rem;display:flex}.btn{min-height:2.85rem;font-family:var(--font-body);cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-deep);color:#fff}.btn-secondary{color:var(--ink);border-color:color-mix(in srgb, var(--ink) 22%, transparent);background:0 0}.btn-secondary:hover{border-color:var(--ink);color:var(--ink)}.section{padding:4.5rem 0 1rem}.section-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:.75rem;font-size:.85rem;font-weight:700}.section-title{max-width:18ch;font-size:clamp(1.8rem,3vw,2.6rem)}.section-lede{max-width:38rem;color:var(--ink-soft);font-size:1.08rem}.hero{min-height:calc(100svh - var(--nav-h));isolation:isolate;align-items:end;display:grid;position:relative;overflow:hidden}.hero-atmosphere{z-index:-1;background:linear-gradient(180deg, transparent 35%, color-mix(in srgb, var(--paper) 88%, transparent) 78%, var(--paper) 100%), radial-gradient(ellipse 80% 55% at 70% 35%, color-mix(in srgb, var(--honey) 35%, transparent), transparent 60%), radial-gradient(ellipse 70% 60% at 20% 60%, color-mix(in srgb, var(--mint) 50%, transparent), transparent 65%), linear-gradient(135deg, #b9e4d8 0%, #7ec8b8 28%, #4ea892 52%, #e8c56a 100%);animation:18s ease-in-out infinite alternate atmosphere-drift;position:absolute;inset:0}.hero-atmosphere:before{content:"";opacity:.45;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(-18deg,#0000 0 14px,#ffffff1a 14px 15px);animation:22s linear infinite grain-shift;position:absolute;inset:0}.hero-atmosphere:after{content:"";opacity:.55;filter:blur(2px);background:radial-gradient(closest-side at 15%,#ffffff8c,#0000 70%),radial-gradient(closest-side at 35% 60%,#fff6,#0000 72%),radial-gradient(closest-side at 55% 45%,#ffffff80,#0000 70%),radial-gradient(closest-side at 75% 55%,#ffffff59,#0000 72%),radial-gradient(closest-side at 90% 40%,#ffffff73,#0000 70%);height:42%;animation:7s ease-in-out infinite alternate wave-bob;position:absolute;bottom:18%;left:-10%;right:-10%}.hero-copy{width:min(100% - 2rem, var(--max));margin:0 auto 12vh;padding-top:3rem}.hero-brand{font-family:var(--font-display);letter-spacing:-.055em;color:var(--ink);max-width:10ch;margin:0 0 1rem;font-size:clamp(3.4rem,12vw,8rem);font-weight:800;line-height:.9;animation:.9s cubic-bezier(.2,.8,.2,1) both rise-in}.hero-tagline{max-width:22ch;margin:0 0 .85rem;font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:650;animation:.9s cubic-bezier(.2,.8,.2,1) .12s both rise-in}.hero-support{max-width:34rem;color:var(--ink-soft);margin-bottom:1.5rem;animation:.9s cubic-bezier(.2,.8,.2,1) .22s both rise-in}.hero .btn-row{animation:.9s cubic-bezier(.2,.8,.2,1) .32s both rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes atmosphere-drift{0%{filter:hue-rotate(-6deg)saturate();transform:scale(1)}to{filter:hue-rotate(8deg)saturate(1.08);transform:scale(1.04)}}@keyframes grain-shift{0%{transform:translate(0,0)}to{transform:translate(-40px,20px)}}@keyframes wave-bob{0%{transform:translateY(0)scaleX(1)}to{transform:translateY(-12px)scaleX(1.03)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.page-hero{padding:3.5rem 0 1.5rem}.page-hero h1{font-size:clamp(2.4rem,7vw,4.5rem)}.page-hero p{max-width:40rem;color:var(--ink-soft);font-size:1.1rem}.member-list,.show-list,.song-list{gap:1.25rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.member-item,.show-item,.song-item{border-top:1px solid var(--line);gap:.35rem;padding:1.25rem 0;display:grid}.member-item:last-child,.show-item:last-child,.song-item:last-child{border-bottom:1px solid var(--line)}.member-name,.song-title,.show-venue{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.35rem,2.5vw,1.85rem)}.member-role,.song-meta,.show-meta{color:var(--teal-deep);font-size:.95rem;font-weight:700}.catchphrase{color:var(--ink-soft);font-style:italic}.status{letter-spacing:.06em;text-transform:uppercase;color:var(--teal-deep);font-size:.78rem;font-weight:800;display:inline-block}.song-player{width:min(100%,28rem);margin-top:.65rem}.art-grid{grid-template-columns:1fr;gap:2rem;margin-top:2rem;display:grid}@media (width>=720px){.art-grid{grid-template-columns:1fr 1fr}}.art-figure{margin:0}.art-figure img{aspect-ratio:4/3;object-fit:cover;background:var(--foam);border-radius:0;width:100%}.art-figure figcaption{margin-top:.75rem}.art-title{font-family:var(--font-display);margin:0 0 .25rem;font-size:1.35rem}.art-meta{color:var(--ink-soft);font-size:.95rem}.about-block{max-width:42rem}.genre-row{color:var(--ink-soft);flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0 0;padding:0;font-weight:600;list-style:none;display:flex}.genre-row li:before{content:"· ";color:var(--honey);font-weight:900}.genre-row li:first-child:before{content:""}@media (width<=640px){.site-header{height:auto;padding:.85rem 0}.site-header .wrap{flex-direction:column;align-items:flex-start}.nav{justify-content:flex-start}.hero-copy{margin-bottom:8vh}}