:root{
  --bg:#05080d; --panel:#0b1118; --panel2:#101821; --line:rgba(231,181,68,.25); --gold:#e6b34c; --gold2:#f5d37c; --text:#f3f5f7; --muted:#aab2bd; --soft:#737b86; --radius:22px; --max:1480px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 15% 5%,rgba(16,74,105,.28),transparent 28%),radial-gradient(circle at 90% 25%,rgba(155,100,20,.16),transparent 26%),var(--bg);color:var(--text);font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;line-height:1.5;}
a{color:inherit;text-decoration:none} button,input{font:inherit} img{display:block;max-width:100%}
.section-shell{max-width:var(--max);margin:0 auto;padding:40px 28px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 28px;background:rgba(5,8,13,.76);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:14px}.brand img{width:116px;height:auto}.brand span{color:var(--muted);font-size:.84rem}.nav{display:flex;gap:28px;align-items:center}.nav a{font-size:.88rem;color:#e8ebef;text-transform:uppercase;letter-spacing:.08em}.nav a:hover{color:var(--gold)}
.hero{min-height:520px;display:grid;grid-template-columns:minmax(320px, .9fr) 1.1fr;gap:32px;align-items:stretch;padding-top:34px}.hero-logo-panel{background:#000;border-radius:32px;display:grid;place-items:center;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.08)}.hero-logo-panel img{width:min(69%,465px);filter:drop-shadow(0 0 26px rgba(62,176,255,.16))}.hero-copy-panel{border-radius:32px;min-height:440px;padding:52px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(5,8,13,.86),rgba(5,8,13,.54)),url('assets/concert.jpeg') center/cover;border:1px solid rgba(255,255,255,.08);box-shadow:0 34px 90px rgba(0,0,0,.35)}.eyebrow{margin:0 0 10px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700}.hero h1{font-size:clamp(2.1rem,3.75vw,4.5rem);line-height:.96;letter-spacing:-.06em;font-weight:460;margin:0 0 24px}.hero p:not(.eyebrow){max-width:720px;color:#d8dce2;font-size:1.02rem}.hero-actions,.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.button{border:1px solid rgba(230,179,76,.5);border-radius:12px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.2s ease;color:#fff;background:rgba(255,255,255,.04)}.button.primary{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#151008;font-weight:750;box-shadow:0 12px 28px rgba(230,179,76,.16)}.button.ghost:hover,.button.secondary:hover{border-color:var(--gold);color:var(--gold)}
.image-band{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:14px}.image-tile{min-height:95px;border-radius:22px;background:linear-gradient(0deg,rgba(0,0,0,.64),rgba(0,0,0,.08)),var(--bg) center 42%/cover;border:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-end;padding:24px;overflow:hidden}.image-tile span{font-size:1rem;color:#fff;font-weight:500}.section-heading{margin-bottom:22px}.section-heading h2{font-size:clamp(1.8rem,3vw,3.3rem);line-height:1.05;font-weight:430;letter-spacing:-.04em;margin:0}.section-heading p{color:var(--muted);max-width:560px}.split{display:flex;align-items:end;justify-content:space-between;gap:28px}.genre-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.genre-panel{min-height:240px;text-align:left;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.08)),var(--bg) center/cover;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;cursor:pointer;transition:.2s ease}.genre-panel:hover{transform:translateY(-3px);border-color:rgba(230,179,76,.6)}.genre-panel span{font-size:1.55rem;font-weight:520}.genre-panel small{color:#d0d5dd;margin-top:6px}.library{padding-top:62px}.library-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.search-wrap{flex:1;max-width:520px;position:relative}.search-wrap span{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden}.search-wrap input{width:100%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#fff;border-radius:999px;padding:15px 20px;outline:none}.search-wrap input:focus{border-color:rgba(230,179,76,.7);box-shadow:0 0 0 4px rgba(230,179,76,.08)}.filter-row{display:flex;gap:10px;flex-wrap:wrap}.chip{border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);color:#e8eaee;padding:10px 16px;cursor:pointer}.chip.active,.chip:hover{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#151008;border-color:transparent}.result-count{color:var(--muted);font-size:.9rem;margin:0 0 16px}.music-stage{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:22px}.music-stage.has-focus{grid-template-columns:minmax(420px,.78fr) minmax(520px,.9fr);align-items:start}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(166px,1fr));gap:16px;transition:.25s ease}.music-stage.has-focus .song-grid{filter:saturate(.72) brightness(.82)}.song-card{border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));overflow:hidden;text-align:left;color:#fff;cursor:pointer;transition:.2s ease;height:216px;display:flex;flex-direction:column}.song-card:hover,.song-card.active{transform:translateY(-2px);border-color:rgba(230,179,76,.85);box-shadow:0 18px 40px rgba(0,0,0,.25)}.song-card img{height:150px;width:100%;object-fit:cover}.song-card-body{padding:13px;display:flex;flex-direction:column;gap:6px}.song-card h3{font-size:1rem;line-height:1.15;margin:0;font-weight:500;min-height:2.3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.song-card-body b{color:var(--gold);font-weight:650;font-size:.8rem}.mini-meta,.card-actions,.small-btn{display:none}
.song-focus{display:none}.music-stage.has-focus .song-focus{display:block;position:sticky;top:88px}.focus-card{border:1px solid rgba(230,179,76,.48);border-radius:26px;background:linear-gradient(160deg,rgba(14,22,31,.98),rgba(4,7,11,.98));box-shadow:0 34px 90px rgba(0,0,0,.5);overflow:hidden;animation:focusIn .22s ease both}@keyframes focusIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}.focus-top{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;padding:28px;position:relative}.focus-cover{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 48px rgba(0,0,0,.36)}.focus-cover img{width:100%;height:300px;object-fit:cover}.focus-info h3{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:0 0 10px;font-weight:430;letter-spacing:-.05em}.focus-info .genre{color:var(--gold);font-weight:700;font-size:1.12rem}.focus-info p{color:#d6dae0}.meta-list{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.meta-pill{font-size:.78rem;color:#d0d6df;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.035)}.close-focus{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:999px;border:1px solid rgba(230,179,76,.55);background:linear-gradient(180deg,var(--gold2),var(--gold));color:#130f08;font-size:1.6rem;line-height:1;cursor:pointer}.focus-share{position:absolute;right:18px;top:70px;display:flex;flex-direction:column;gap:8px}.icon-btn{width:42px;height:42px;border:1px solid rgba(230,179,76,.5);border-radius:12px;background:rgba(0,0,0,.25);color:#fff;cursor:pointer}.icon-btn:hover{color:var(--gold);border-color:var(--gold)}.primary-listen{width:100%;max-width:330px;margin-top:10px}.focus-divider{border:0;border-top:1px solid var(--line);margin:0 28px}.player-wrap{padding:18px 28px 0}.compact-player{display:none;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;background:#05080d}.compact-player.open{display:block}.compact-player iframe{width:100%;height:112px;border:0;display:block}.lyrics-block{padding:18px 28px 26px;border-top:1px solid var(--line);margin:18px 28px 0}.lyrics-title-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.92rem;font-weight:700;cursor:pointer;padding:0 0 10px}.lyrics-content{display:none;color:#e5e8ec;white-space:pre-wrap;line-height:1.65;max-height:360px;overflow:auto;padding-top:8px}.lyrics-content.open{display:block}.also{border-top:1px solid var(--line);padding:16px 28px 24px;color:var(--muted);font-size:.88rem}.also b{color:var(--gold);margin-right:8px}.also a{margin-right:12px;color:#e9edf2}.also a:hover{color:var(--gold)}
.streaming-card,.contact{border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.025));padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.streaming-card h2,.about h2,.contact h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.05;font-weight:430;letter-spacing:-.04em;margin:0 0 12px}.streaming-card p,.about p,.contact p{color:var(--muted);max-width:760px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.about-image img{border-radius:26px;border:1px solid rgba(255,255,255,.08);width:100%;height:360px;object-fit:cover}.footer{padding:34px 28px 48px;text-align:center;color:var(--soft);border-top:1px solid rgba(255,255,255,.06);margin-top:44px}.footer img{width:130px;margin:0 auto 12px}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:rgba(0,0,0,.86);border:1px solid rgba(230,179,76,.5);color:#fff;padding:12px 16px;border-radius:999px;opacity:0;pointer-events:none;transition:.2s ease;z-index:50}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:1100px){.hero{grid-template-columns:1fr}.music-stage.has-focus{grid-template-columns:1fr}.music-stage.has-focus .song-grid{filter:none}.music-stage.has-focus .song-focus{position:relative;top:auto;order:-1}.focus-top{grid-template-columns:220px 1fr}.focus-cover img{height:220px}.genre-grid{grid-template-columns:repeat(2,1fr)}.image-band{grid-template-columns:1fr 1fr}.image-tile.wide{grid-column:1/-1}.library-tools{align-items:stretch;flex-direction:column}.search-wrap{max-width:none}}
@media (max-width:720px){.site-header{position:relative;flex-direction:column;align-items:flex-start}.nav{gap:14px;flex-wrap:wrap}.brand img{width:94px}.hero,.section-shell{padding-left:16px;padding-right:16px}.hero-copy-panel{padding:34px 24px;min-height:420px}.hero h1{font-size:3rem}.genre-grid,.about-grid{grid-template-columns:1fr}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.focus-top{grid-template-columns:1fr;padding:20px}.focus-cover img{height:280px}.focus-share{position:static;flex-direction:row;margin-top:14px}.close-focus{top:12px;right:12px}.streaming-card{align-items:flex-start;flex-direction:column}.compact-player iframe{height:96px}}
@media (max-width:430px){.song-grid{grid-template-columns:1fr}.filter-row{gap:8px}.chip{padding:9px 12px}.hero-actions{flex-direction:column}.button{width:100%}}
.song-card h3 span,.focus-info h3 span{display:block;color:#cbd1d8;font-size:.72em;font-weight:380;margin-top:.12em;letter-spacing:-.02em}.muted{color:var(--muted)}

.nav-separator::before{content:"•";color:rgba(230,179,76,.62);padding:0 .08rem}
.nav-auth-button{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:0;cursor:pointer}
.nav-auth-button:hover,.auth-link:hover{color:var(--gold)}
.hidden{display:none!important}


/* Subpage content pages */
.small-link{display:inline-flex;margin-top:14px;padding:9px 14px;font-size:.78rem}.subpage main{min-height:70vh}.page-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:24px;align-items:stretch;padding-top:54px}.page-hero-copy{border:1px solid rgba(255,255,255,.09);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));padding:clamp(34px,5vw,64px);display:flex;flex-direction:column;justify-content:center;min-height:430px}.page-hero-copy h1{margin:.15em 0 .35em;font-size:clamp(3rem,7vw,6.8rem);font-weight:360;letter-spacing:-.075em;line-height:.88}.page-hero-copy p:not(.eyebrow){max-width:760px;color:#d5dbe2;font-size:1.08rem}.page-hero-image{border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.09);min-height:430px;background:#05080d}.page-hero-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95) contrast(1.02)}.content-panel{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:18px}.content-card{border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.022));padding:clamp(26px,4vw,44px)}.content-card h2{margin:.15em 0 .45em;font-size:clamp(2rem,4vw,4rem);font-weight:360;letter-spacing:-.055em;line-height:.95}.content-card p{color:#cbd2da}.accent-card{border-color:rgba(230,179,76,.3);background:linear-gradient(155deg,rgba(230,179,76,.12),rgba(255,255,255,.025))}.muted-line{color:var(--muted)!important;border-top:1px solid rgba(255,255,255,.1);margin-top:22px;padding-top:18px}.contact-grid .content-card{min-height:280px}@media(max-width:900px){.page-hero,.content-panel{grid-template-columns:1fr}.page-hero-copy,.page-hero-image{min-height:auto}.page-hero-image{height:300px}.page-hero-copy h1{font-size:3.2rem}}