:root{--sand:#f7ecd8;--sand2:#efdcb8;--ink:#2b1d14;--sun:#e0672b;--sun2:#f2a23a;--teal:#0f4c5c;--teal2:#16697a;--palm:#3d7a4a;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--sand);color:var(--ink);font:17px/1.6 "Source Sans 3",system-ui,sans-serif}
a{color:var(--teal2)}img{max-width:100%;display:block}
h1,h2,h3{font-family:Bitter,Georgia,serif;line-height:1.15}
.wrap{max-width:1120px;margin:0 auto;padding:64px 22px}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;background:rgba(15,76,92,.96);backdrop-filter:blur(6px)}
.logo{font-family:Rye,serif;font-size:1.5rem;color:var(--sand);text-decoration:none}
nav a{color:var(--sand);text-decoration:none;margin-left:18px;font-weight:600;font-size:.95rem}nav a:hover{color:var(--sun2)}
.burger{display:none;background:none;border:0;color:var(--sand);font-size:1.6rem;cursor:pointer}
.hero{position:relative;background:linear-gradient(170deg,#f2a23a 0%,#e0672b 45%,#a8432a 75%,#0f4c5c 100%);color:#fff8ec;overflow:hidden}
.hero-in{max-width:1120px;margin:0 auto;padding:60px 22px 90px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.hero h1{font-family:Rye,serif;font-weight:400;font-size:clamp(3.2rem,9vw,6.4rem);margin:.1em 0;text-shadow:3px 3px 0 rgba(43,29,20,.35)}
.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:700;margin:0;color:var(--sun)}.hero .kicker{color:#fff3d6}
.tag{font-size:1.35rem;max-width:30ch;margin:.3em 0 1.2em}.tag.dark{color:var(--ink);max-width:none;font-size:1.1rem}
.hero-img{width:100%;max-height:520px;object-fit:cover;object-position:center 20%;border-radius:180px 180px var(--r) var(--r);border:6px solid #fff3d6;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.wave{position:absolute;left:0;right:0;bottom:-1px;height:60px;background:var(--sand);clip-path:path('M0 30 Q 180 0 360 30 T 720 30 T 1080 30 T 1440 30 T 1800 30 T 2160 30 V60 H0Z')}
.btn{display:inline-block;background:var(--teal);color:#fff;padding:.7em 1.4em;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid var(--teal);margin:4px 6px 4px 0}
.btn:hover{background:var(--sun);border-color:var(--sun)}.btn.ghost{background:transparent;border-color:#fff3d6;color:#fff3d6}.btn.ghost.dark{border-color:var(--teal);color:var(--teal)}
.hero .btn{background:#fff3d6;color:var(--ink);border-color:#fff3d6}.hero .btn.ghost{background:transparent;color:#fff3d6}
.sec{font-size:clamp(1.8rem,4vw,2.5rem);margin:0 0 .6em;color:var(--teal)}.sec::after{content:"";display:block;width:70px;height:4px;background:var(--sun);border-radius:4px;margin-top:10px}
.sec.light{color:#fff3d6}.sub{font-family:Bitter,serif;color:inherit;margin:1.4em 0 .6em}
.feat{display:grid;grid-template-columns:1.5fr 1fr;gap:34px;align-items:center}.feat h2{font-size:2rem;margin:.2em 0}
.yt{margin:0}.yt figcaption{font-size:.9rem;margin-top:6px;opacity:.9}
.lite{position:relative;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r);background:#000 center/cover;cursor:pointer;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.lite .play{position:absolute;inset:0;margin:auto;width:68px;height:48px;border-radius:12px;background:var(--sun);color:#fff;font-size:22px;display:grid;place-items:center}
.lite:hover .play{background:#c4521d}.yt iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r)}
.news{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.news article{background:#fffaf0;border-left:5px solid var(--sun);border-radius:var(--r);padding:16px 18px;box-shadow:0 2px 8px rgba(43,29,20,.07)}
.news time{font-weight:700;color:var(--sun);text-transform:uppercase;font-size:.8rem;letter-spacing:.1em}.news p{margin:.4em 0 0}
.join{background:var(--palm);color:#fff3d6;text-align:center}.join .sec::after{margin:10px auto 0}.join .wrap{padding:48px 22px}
.ml-placeholder{border:2px dashed #fff3d6;border-radius:var(--r);padding:22px;max-width:520px;margin:16px auto 0;opacity:.85}
.music{display:grid;grid-template-columns:1fr 1fr;gap:18px}.spot{width:100%;border:0;border-radius:12px;height:152px}.spot.big{height:470px}
.tracks{display:flex;flex-direction:column;gap:6px}.center{text-align:center}
.band{background:var(--teal);color:#fff3d6}.band.sand{background:var(--sand2);color:var(--ink)}.band.teal{background:linear-gradient(160deg,var(--teal),#0a3540)}
.band a:not(.btn):not(.album){color:var(--sun2)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.pitch{background:#fffaf0;border-radius:var(--r);padding:20px 24px;border:1px solid var(--sand2)}
.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0 14px}
#q{flex:1 1 240px;padding:.7em 1em;border-radius:999px;border:2px solid var(--sand2);font:inherit;background:#fff}
.chips button{font:inherit;font-weight:600;border:2px solid var(--teal);background:none;color:var(--teal);border-radius:999px;padding:.35em .9em;cursor:pointer;margin-right:4px}
.chips button.on{background:var(--teal);color:#fff}#count{font-size:.9rem;opacity:.7}
.songs{list-style:none;padding:0;columns:3 230px;column-gap:28px;margin:0}
.songs li{break-inside:avoid;padding:5px 0;border-bottom:1px dotted #d9c49e}.songs a{text-decoration:none;color:var(--ink)}.songs a:hover{color:var(--sun)}
.songs a::before{content:"♪ ";color:var(--sun)}.chip{font-size:.7rem;background:var(--sun2);color:var(--ink);border-radius:999px;padding:1px 7px;margin-left:6px}
.soon{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.soon li{background:#fffaf0;border:1px solid var(--sand2);border-radius:999px;padding:4px 12px;font-size:.95rem}
.albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px;margin-top:20px}.albums.small{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.album{display:block;text-decoration:none;color:var(--ink);background:#fffaf0;border-radius:var(--r);padding:10px;box-shadow:0 3px 10px rgba(43,29,20,.1);transition:transform .15s}
a.album:hover{transform:translateY(-4px) rotate(-.5deg)}.album img,.nocover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.nocover{display:grid;place-items:center;text-align:center;padding:10px;background:linear-gradient(140deg,var(--sun2),var(--sun));color:#fff;font-family:Rye,serif}
.album h3{font-size:1rem;margin:.6em 0 .1em}.album p{margin:0;font-size:.85rem;opacity:.75;min-height:1.2em}.sp{font-size:.8rem;font-weight:700;color:var(--palm)}
.shows{list-style:none;padding:0}.shows li{display:flex;gap:20px;align-items:center;background:#fffaf0;border-radius:var(--r);padding:14px 18px;margin-bottom:10px}
.shows time{text-align:center;min-width:70px;color:var(--sun);font-size:.85rem}.shows time{line-height:1.2}.shows time b{display:block;font-size:1.4rem;color:var(--teal)}.shows span{opacity:.75}
.bookbox{margin-top:24px;background:var(--sun);color:#fff;border-radius:var(--r);padding:22px 26px}.bookbox h3{margin:0}.bookbox .btn{background:#fff3d6;color:var(--ink);border-color:#fff3d6}
.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:start}.about img{border-radius:var(--r);border:5px solid #fff3d6}
.kala{background:rgba(255,243,214,.12);border-radius:var(--r);padding:14px 18px;margin-top:14px}
.bigmail{font-family:Bitter,serif;font-size:clamp(1.3rem,4vw,2rem);font-weight:700}
footer{background:#2b1d14;color:#e9d9bb;text-align:center;padding:36px 20px;font-size:.92rem}footer a{color:var(--sun2)}
.soc{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:12px}.soc a{border:1px solid currentColor;border-radius:999px;padding:4px 14px;text-decoration:none}
.soc.dark{justify-content:flex-start}.soc.dark a{color:var(--teal)}
.epk-top{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center;margin-bottom:30px}.epk-top img{border-radius:var(--r);height:360px;object-fit:cover}
.epk h1{font-family:Rye,serif;font-weight:400;font-size:3.4rem;margin:.1em 0;color:var(--teal)}.epk .sec{margin-top:1.4em}.hl li{margin:.3em 0}
@media(max-width:820px){.burger{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--teal);flex-direction:column;padding:10px 22px}
nav.open{display:flex}nav a{margin:8px 0}.hero-in,.feat,.music,.about,.epk-top{grid-template-columns:1fr}.hero-in{padding-top:36px}.hero-img{max-height:380px}.spot.big{height:380px}.epk-top img{height:300px}.wrap{padding:48px 18px}}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.gallery figure{margin:0}
.gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);box-shadow:0 4px 12px rgba(43,29,20,.15)}.gallery figcaption{font-size:.88rem;margin-top:6px}
.showpic{margin:20px 0 0}.showpic img{border-radius:var(--r);max-height:420px;width:100%;object-fit:cover}.showpic figcaption{font-size:.9rem;opacity:.75;margin-top:6px}
.lbox{position:fixed;inset:0;background:rgba(20,12,6,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;cursor:zoom-out;color:#fff3d6;padding:20px}
.lbox img{max-width:92vw;max-height:84vh;border-radius:8px}.lbox p{margin-top:10px}
.cv{position:relative}.oop{position:absolute;top:8px;left:8px;background:rgba(43,29,20,.82);color:#fff3d6;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,243,214,.4)}