.hero{isolation:isolate;align-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}#hero-bg{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:radial-gradient(120% 90% at 20% 50%, color-mix(in srgb, var(--color-slate) 78%, transparent) 0%, transparent 70%);position:absolute;inset:0}.hero-copy{width:min(1100px,100%);margin:0 auto;padding:8.5rem 1.25rem 7rem}.neon{color:var(--color-chalk);text-shadow:0 0 8px color-mix(in srgb, var(--color-neon) 80%, transparent), 0 0 38px color-mix(in srgb, var(--color-neon) 60%, transparent);margin-bottom:1.6rem;font-size:clamp(3.2rem,11vw,7.5rem);display:grid}.neon span{animation:.9s step-end both neon-on}.neon span:nth-child(2){animation-delay:.35s}.neon span:nth-child(3){animation-delay:.7s}@keyframes neon-on{0%,16%,24%,44%{opacity:.1;text-shadow:none}20%,32%,60%,to{opacity:1}}.cta{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.soon{color:var(--color-chalk-dim);margin-top:1.6rem}.hero-tv{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-now{display:grid;position:absolute;top:5.2rem;left:1.25rem}.hero-title{font-family:var(--font-display);font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:800;line-height:1.05}.hero-artist{color:var(--color-chalk-dim);font-size:clamp(1rem,1.5vw,1.3rem)}.hero-chapas{gap:.5rem;display:flex;position:absolute;top:5.2rem;right:1.25rem}.hero-chapas img{box-sizing:border-box;border:2px solid var(--c);width:clamp(40px,4vw,56px);height:clamp(40px,4vw,56px);box-shadow:0 0 14px color-mix(in srgb, var(--c) 55%, transparent);background:#17211ed9;border-radius:50%;padding:9px}.hero-next{display:grid;position:absolute;bottom:1.6rem;left:1.25rem}.hero-next small,.hero-qr small{color:var(--color-chalk-dim);font-size:.95rem}.hero-next b{font-family:var(--font-display);font-size:clamp(1.3rem,2.2vw,1.9rem);font-weight:800;line-height:1.1}.hero-qr{justify-items:end;gap:.35rem;display:grid;position:absolute;bottom:1.6rem;right:1.25rem}.hero-qr canvas{aspect-ratio:1;width:clamp(72px,8vw,112px);height:auto;image-rendering:pixelated;background:var(--color-chalk);border-radius:8px;padding:6px}.hero-progress{background:#ffffff1f;height:6px;position:absolute;bottom:0;left:0;right:0}.hero-progress span{background:var(--color-neon);transform-origin:0;height:100%;box-shadow:0 0 14px var(--color-neon);display:block;transform:scaleX(0)}@media (width<=700px){.hero-qr,.hero-next{display:none}.hero-chapas img{width:34px;height:34px}}.tv-section{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:2.5rem;max-width:1240px;margin:0 auto;padding:6rem 1.25rem;display:grid}.tv-text .lead{margin-top:1rem}.modes{flex-wrap:wrap;gap:.6rem;margin-top:2rem;display:flex}.mode{cursor:pointer;min-height:48px;color:var(--color-chalk);font:inherit;font-weight:var(--font-weight-bold);border:2px solid var(--color-slate-line);background:0 0;border-radius:999px;padding:.5rem 1.1rem;transition:background .2s,border-color .2s,color .2s}.mode:hover{border-color:var(--color-chalk-dim)}.mode[aria-pressed=true]{background:var(--color-neon);border-color:var(--color-neon);color:var(--color-on-neon)}.tv{position:relative}.tv-screen{aspect-ratio:16/9;box-shadow:0 0 0 2px var(--color-slate-line), 0 30px 80px -20px color-mix(in srgb, var(--color-neon) 45%, transparent);background:#0a100e;border:10px solid #0e1513;border-radius:18px;position:relative;overflow:hidden}#tv-bg{width:100%;height:100%;position:absolute;inset:0}.tv-lyrics{text-align:center;align-content:center;justify-items:center;gap:2.6cqw;padding:0 8%;display:grid;position:absolute;inset:0;container-type:inline-size}.tv-screen{container-type:inline-size}.line{font-weight:var(--font-weight-heavy);text-shadow:0 2px 14px #000000e6;margin:0;line-height:1.12}.line.current{color:#ffffff59;font-size:5.6cqw}.line.current .w.on{color:#fff;text-shadow:0 0 12px color-mix(in srgb, var(--color-neon) 90%, transparent), 0 2px 14px #000000e6}.line.next{font-size:4cqw;font-weight:var(--font-weight-bold);color:#ffffff8c}.tv-bar{background:#ffffff26;border-radius:99px;height:.8cqw;position:absolute;bottom:5%;left:5%;right:5%;overflow:hidden}.tv-bar span{background:var(--color-neon);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.tv-meta{display:grid;position:absolute;top:5%;left:5%}.tv-title{font-family:var(--font-display);font-size:4cqw;font-weight:800;line-height:1.05}.tv-artist{color:var(--color-chalk-dim);font-size:2.6cqw}.tv-chapas{gap:1.2cqw;display:flex;position:absolute;top:5%;right:5%}.tv-chapas img{border:.25cqw solid var(--c);background:#17211ecc;border-radius:50%;width:5.2cqw;height:5.2cqw;padding:.9cqw}.tv-note{color:var(--color-chalk-dim);text-align:center;margin-top:.8rem;font-size:.9rem}.moods{background:radial-gradient(70% 90% at 80% 0%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 70%), radial-gradient(60% 80% at 0% 100%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), #0e1513;padding:6rem 1.25rem;transition:background .5s;position:relative}.moods-inner{max-width:1100px;margin:0 auto}.moods .lead{margin-top:1rem}.chapas{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:1.4rem 1rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.chapa{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:.5rem;padding:0;display:grid}.chapa img{background:var(--color-slate-raised);border:3px solid var(--c);width:84px;height:84px;box-shadow:0 0 14px color-mix(in srgb, var(--c) 40%, transparent);border-radius:50%;padding:18px;transition:transform .18s cubic-bezier(.3,1.4,.5,1),box-shadow .18s,background .18s}.chapa:hover img{transform:translateY(-3px)}.chapa[aria-pressed=true] img{background:color-mix(in srgb, var(--c) 30%, var(--color-slate));box-shadow:0 0 34px var(--c), inset 0 0 14px color-mix(in srgb, var(--c) 60%, transparent);transform:scale(.94)}.chapa span{color:var(--color-chalk-dim);font-size:.95rem}.chapa[aria-pressed=true] span{color:var(--color-chalk);font-weight:var(--font-weight-bold)}.queue{gap:.6rem;max-width:640px;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.queue li{background:color-mix(in srgb, var(--color-slate-raised) 80%, transparent);border:1px solid var(--color-slate-line);border-radius:14px;align-items:center;gap:1rem;padding:.8rem 1.1rem;animation:.28s both row-in;display:flex}@keyframes row-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.queue .song{flex:1;min-width:0;display:grid}.queue .song b{font-family:var(--font-display);font-size:1.35rem;font-weight:800;line-height:1.1}.queue .song small{color:var(--color-chalk-dim);font-size:.95rem}.queue .dots{gap:.35rem;display:flex}.queue .dots i{background:var(--c);width:14px;height:14px;box-shadow:0 0 8px var(--c);border-radius:50%}.queue-empty{color:var(--color-chalk-dim);margin-top:2rem}.steps,.bars{max-width:1100px;margin:0 auto;padding:6rem 1.25rem 2rem}.steps-grid,.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-top:2.5rem;display:grid}.steps-grid article,.cards article{border-top:6px solid var(--c);padding:1.6rem 0 0}.steps-grid h3,.cards h3{margin-bottom:.55rem}.steps-grid p,.cards p{color:var(--color-chalk-dim)}.bars{padding-bottom:6rem}.contact{background:var(--color-neon);color:var(--color-on-neon);padding:6rem 1.25rem}.contact-inner{max-width:1100px;margin:0 auto}.contact .lead{color:color-mix(in srgb, var(--color-on-neon) 80%, transparent);margin:1rem 0 2rem}.fineprint{color:color-mix(in srgb, var(--color-on-neon) 70%, transparent);margin-top:1.5rem;font-size:.9rem}@media (width<=860px){.tv-section{grid-template-columns:1fr;padding:4rem 1.25rem}.hero-copy{padding-top:6rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.neon span,.queue li{animation:none}.btn,.chapa img,.mode,.moods{transition:none}}.more{margin-top:2rem}.more a{color:var(--color-chalk);text-underline-offset:4px;text-decoration-color:var(--color-neon);font-weight:700}
