:root{--bg:#2e2a25;--surface:#38332c;--surface-soft:#333027;--hero-text:#f6e3c0;--text:#f6e3c0;--muted:#c4b59a;--border:#4a443b;--accent:#f6e3c0;--max-width:1120px;--radius:16px;--shadow:0 16px 40px #0000000f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);margin:0}a{color:inherit}#root{min-height:100vh}.page{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem 4rem}.social-links{align-items:center;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.social-links a{width:2rem;height:2rem;color:var(--muted);border-radius:999px;place-items:center;text-decoration:none;transition:color .2s,transform .2s;display:grid}.social-links a:hover{color:var(--accent);transform:translateY(-1px)}.social-links svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:1rem;height:1rem}main{gap:4rem;margin-top:0;display:grid}.hero-section{margin-top:0;min-height:min(80vh,720px);color:var(--hero-text);background:radial-gradient(circle at 15% 0,#ffce9659,#0000 55%),radial-gradient(circle at 80% 10%,#ad895f80,#0000 55%),linear-gradient(#050403b3,#050403f2);align-items:flex-end;margin-inline:-1.5rem;padding:6rem 1.5rem 4.5rem;display:flex;position:relative}.hero-inner{max-width:var(--max-width);margin:0 auto;padding:0 1rem;position:relative}.hero-social{z-index:2;color:var(--hero-text);position:absolute;top:1rem;right:1rem}.hero-social a{color:var(--hero-text)}.hero-copy{max-width:700px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:var(--muted);margin:0 0 1rem;font-size:.75rem}h1{letter-spacing:.04em;margin:0;font-size:clamp(2.8rem,7vw,5.3rem);line-height:1}.intro{color:var(--muted);max-width:64ch;margin:1.25rem 0 0;font-size:1.05rem}.content-section{gap:1.5rem;max-width:980px;margin-inline:auto;padding:3.5rem 0 3.75rem;display:grid}.section-heading h2{margin:0;font-size:clamp(1.5rem,3.5vw,2.1rem)}.section-heading p{color:var(--muted);margin:.65rem 0 0}#tracks{background:var(--surface)}#contact{background:var(--surface-soft)}.tracks-grid{border-top:1px solid #00000080;flex-direction:column;display:flex}.track-row{border-bottom:1px solid #00000059;align-items:center;gap:1rem;min-height:2.5rem;padding:.6rem 0;display:flex}.track-row-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:36px;height:36px}.track-row-info{flex:1;align-items:baseline;gap:.5rem;min-width:0;font-size:.9rem;display:flex}.track-row-title{letter-spacing:.05em;text-transform:uppercase;flex-shrink:0}.track-row-sep{color:var(--muted);flex-shrink:0;font-size:.8em}.track-row-description{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-row-links{flex-shrink:0;align-items:center;gap:1rem;display:flex}.track-row-link{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.8rem;text-decoration:none}.track-row-link:hover{color:var(--accent)}.contact-form{gap:.75rem;max-width:620px;display:grid}.contact-form label{color:var(--muted);font-size:.9rem}.contact-form input,.contact-form textarea{width:100%;color:var(--text);font:inherit;background:#00000026;border:1px solid #f6e3c02e;border-radius:10px;padding:.75rem .85rem}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input:focus,.contact-form textarea:focus{outline-offset:1px;outline:2px solid #f6e3c073}.contact-form button{color:var(--text);font:inherit;cursor:pointer;background:#f6e3c00f;border:1px solid #f6e3c066;border-radius:999px;justify-self:flex-start;margin-top:.3rem;padding:.65rem 1rem;font-size:.9rem}.contact-form button:hover{background:#f6e3c026}@media (width<=900px){.page{padding-inline:1.25rem}}@media (width<=640px){.page{padding:0 .75rem 2.25rem}.social-links{gap:.55rem;width:auto}.social-links a{width:2.15rem;height:2.15rem}main{gap:2.5rem;margin-top:1.15rem}.hero-section{min-height:52vh;margin-inline:-.75rem;padding:2.5rem .75rem 1.85rem}.hero-social{top:.75rem;right:.65rem}.eyebrow{letter-spacing:.18em;font-size:.62rem}h1{font-size:clamp(2.05rem,9vw,2.6rem);line-height:1.04}.intro{margin-top:.9rem;font-size:.95rem;line-height:1.4}.content-section{gap:1rem;padding:2.15rem 0 2.2rem}.section-heading p{font-size:.88rem}.track-row{flex-wrap:wrap;align-items:flex-start;gap:.45rem;padding:.75rem 0}.track-row-info{flex-direction:column;flex-basis:100%;order:1;align-items:flex-start;gap:.35rem}.track-row-sep{display:none}.track-row-title{font-size:.75rem}.track-row-description{white-space:normal;text-overflow:clip;font-size:.82rem;line-height:1.32;overflow:visible}.track-row-links{order:2;gap:.75rem}.track-row-link{letter-spacing:.08em;font-size:.72rem}.contact-form{gap:.6rem}.contact-form label{font-size:.82rem}.contact-form input,.contact-form textarea{padding:.72rem .78rem;font-size:.95rem}.contact-form button{justify-self:stretch;width:100%;padding:.72rem 1rem}}