:root{--bg:#080b16;--bg-elev:#0f1526;--text:#e7e9f2;--muted:#97a0b8;--border:#1d2439;--accent-1:#2b4bd4;--accent-2:#5b8cff;--brand-navy:#162a75;--accent-grad:linear-gradient(90deg, var(--accent-1), var(--accent-2));--maxw:1080px;--header-h:92px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 80% -10%, #5b8cff29, transparent 60%), radial-gradient(900px 500px at 0% 0%, #2b4bd41f, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;display:flex}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{z-index:50;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#080b16b8;position:sticky;top:0}.nav{height:var(--header-h);justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:16px;height:100%;display:flex}.brand-logo{width:80px;height:80px;display:block}.brand-wordmark{width:auto;height:46px;display:block}.nav-links{align-items:center;gap:22px;list-style:none;display:flex}.nav-links a{color:var(--muted);font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--text)}.nav-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:8px 10px;font-size:1rem;display:none}main{flex:1 0 auto}.snap-section{min-height:100svh;scroll-margin-top:var(--header-h);flex-direction:column;justify-content:center;padding:96px 0;display:flex}.section-center{text-align:center}.section-center p{margin-left:auto;margin-right:auto}.snap-section h1{margin:0 0 18px}.snap-section h2{margin-bottom:14px;font-size:clamp(1.7rem,4vw,2.2rem)}.snap-section p{color:var(--muted);max-width:640px}.lead{max-width:620px;margin:0 auto 6px;font-size:1.15rem}.hero-wordmark{filter:drop-shadow(0 6px 34px #5b8cff47);width:min(640px,84%);height:auto;margin:0 auto;display:block}.badge{color:var(--muted);border:1px solid var(--border);border-radius:999px;margin-bottom:18px;padding:4px 12px;font-size:.8rem;display:inline-block}.link{color:var(--accent-2)}.link:hover{text-decoration:underline}.genre-tags{flex-wrap:wrap;justify-content:center;gap:10px;max-width:760px;margin:26px auto 8px;display:flex}.genre{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--border);cursor:default;background:0 0;border-radius:999px;padding:8px 15px;font-size:.78rem;font-weight:600;transition:color .2s,border-color .2s}.genre:hover{color:var(--text);border-color:var(--accent-2)}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:32px 0;font-size:.9rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-inner a:hover{color:var(--text)}@keyframes hmuFade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.site-header{animation:.5s both hmuFade}.js .reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal.in-view{opacity:1;transform:none}.js .reveal-pop{opacity:0;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transform:scale(.92)translateY(16px)}.reveal-pop.in-view{opacity:1;transform:none}}@media (width<=720px){:root{--header-h:72px}.brand-logo{width:58px;height:58px}.brand-wordmark{height:34px}.nav-toggle{display:block}.nav-links{top:var(--header-h);background:var(--bg-elev);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:8px 0;display:none;position:absolute;left:0;right:0}.nav-links.open{display:flex}.nav-links li{width:100%}.nav-links a{padding:12px 20px;display:block}}.subtitle{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:34px;font-size:.95rem}.catalogue{text-align:left;flex-direction:column;gap:44px;margin-top:12px;display:flex}.cat-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;padding-bottom:10px;display:flex}.cat-head h3{font-size:1.15rem;font-weight:700}.cat-link{color:var(--muted);white-space:nowrap;font-size:.85rem}.cat-link:hover{color:var(--accent-2)}.tracks{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.track{flex-direction:column;gap:8px;display:flex}.thumb{aspect-ratio:16/9;border:1px solid var(--border);background:#0c1120;border-radius:10px;transition:transform .18s,box-shadow .25s;display:block;position:relative;overflow:hidden}.track:hover .thumb{transform:translateY(-3px);box-shadow:0 10px 26px #00000073}.thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb img:not([src]){display:none}.thumb-ph{color:var(--muted);justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;inset:0}.track-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.35;display:-webkit-box;overflow:hidden}.video-placeholder{border:1px dashed var(--border);min-height:120px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;font-size:.88rem;display:flex}@media (width<=900px){.tracks{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.tracks{grid-template-columns:1fr}}.container.wide{max-width:1280px}.linklike{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.linklike:hover{color:var(--text)}.dot{color:var(--border);margin:0 8px}[hidden]{display:none!important}.consent{z-index:100;background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;max-width:760px;margin:0 auto;padding:18px 20px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 12px 44px #00000073}.consent-text{color:var(--muted);flex:300px;margin:0;font-size:.9rem}.consent-actions{gap:10px;margin-left:auto;display:flex}.consent button{cursor:pointer;border:1px solid var(--border);border-radius:999px;padding:9px 20px;font-size:.9rem;font-weight:600}.consent .accept{background:var(--accent-grad);color:#fff;border-color:#0000}.consent .accept:hover{transform:translateY(-1px)}.consent .decline{color:var(--text);background:0 0}.consent .decline:hover{border-color:var(--accent-2)}