:root{--bg-deep: #0a0a0f;--bg-mid: #12121a;--bg-card: #16161f;--text-primary: #f0f0f5;--text-secondary: #a0a0b0;--text-muted: #606070;--accent: #00d4aa;--accent-dim: rgba(0, 212, 170, .15);--accent-amber: #ffb347;--accent-amber-dim: rgba(255, 179, 71, .12);--font-display: "Syne", sans-serif;--font-body: "Outfit", sans-serif;--radius: 12px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 50%,rgba(0,212,170,.03) 85%,rgba(0,212,170,.06) 100%),radial-gradient(ellipse 80% 50% at 50% 0%,rgba(0,212,170,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(255,179,71,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:3rem 1.5rem 4rem}.hero{text-align:center;padding:4rem 0 5rem;min-height:60vh;display:flex;flex-direction:column;justify-content:center}.hero-tagline{font-size:.85rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}.hero h1{font-family:var(--font-display);font-size:clamp(3rem,12vw,6rem);font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .subtitle{font-size:1.15rem;font-weight:300;color:var(--text-secondary);max-width:380px;margin:0 auto 2.5rem}.links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.link-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;text-decoration:none;color:var(--bg-deep);background:var(--accent);border-radius:var(--radius);transition:var(--transition);border:none;cursor:pointer}.link-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d4aa4d}.link-btn.secondary{background:transparent;color:var(--text-primary);border:2px solid var(--text-muted)}.link-btn.secondary:hover{border-color:var(--accent);color:var(--accent);box-shadow:none}section{padding:3rem 0;border-top:1px solid rgba(255,255,255,.06)}section h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem}.card-grid{display:grid;gap:1rem}.card{display:block;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);color:var(--text-primary);text-decoration:none;transition:var(--transition)}.card:hover{border-color:var(--accent-dim);background:#00d4aa0d;transform:translate(4px)}.card-title{font-family:var(--font-display);font-weight:600;font-size:1.1rem;margin-bottom:.25rem}.card-meta{font-size:.85rem;color:var(--text-muted)}.contact-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.contact-link{color:var(--accent);text-decoration:none;font-weight:500;font-size:1rem;transition:var(--transition)}.contact-link:hover{color:var(--accent-amber)}footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06);text-align:center}footer p{font-size:.85rem;color:var(--text-muted)}.placeholder{padding:2rem;background:var(--bg-mid);border-radius:var(--radius);border:1px dashed rgba(255,255,255,.1);color:var(--text-muted);font-size:.95rem;text-align:center}.placeholder strong{color:var(--text-secondary)}.player{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);overflow:hidden}.player-controls{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.player-btn{width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--bg-deep);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--transition)}.player-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px #00d4aa66}.player-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.player-btn svg{width:20px;height:20px}.player-info{flex:1;min-width:0}.player-track{font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-time{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.player-progress{flex:2;min-width:0}.progress-bar{height:6px;background:var(--bg-mid);border-radius:3px;cursor:pointer;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:3px;width:0%;transition:width .1s linear}.playlist{list-style:none}.playlist li{padding:.875rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.75rem}.playlist li:hover{background:#00d4aa0d}.playlist li.playing{background:var(--accent-dim);border-left:3px solid var(--accent)}.playlist li.playing .play-icon{opacity:1}.play-icon{width:20px;height:20px;color:var(--accent);opacity:.4;flex-shrink:0}.playlist-title{font-size:.95rem;color:var(--text-primary)}.player-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.95rem}.player-empty a{color:var(--accent);text-decoration:none}.player-empty a:hover{text-decoration:underline}.embed-section{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);overflow:hidden}.embed-row{display:flex;gap:1rem;padding:1.25rem;flex-wrap:wrap}.embed-col{flex:1;min-width:200px}.embed-col-label{font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.embed-col iframe{border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);width:100%}.embed-col .spotify-iframe{height:152px}.embed-col .youtube-iframe{aspect-ratio:16 / 9;min-height:152px}.embed-unavailable{padding:2rem;background:var(--bg-mid);border-radius:var(--radius);border:1px dashed rgba(255,255,255,.1);color:var(--text-muted);font-size:.9rem;text-align:center;min-height:152px;display:flex;align-items:center;justify-content:center}.embed-bandcamp-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;min-height:152px;background:var(--bg-mid);border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);color:var(--accent);text-decoration:none;font-weight:500;transition:var(--transition)}s .embed-bandcamp-link:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--text-primary)}.embed-subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:1rem}@media(max-width:640px){.player-controls{flex-wrap:wrap}.player-progress{flex:1 1 100%;order:3}}