@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0b;color:#f1eee8;font-family:'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}
.nav{height:76px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292929;position:sticky;top:0;background:#0b0b0bee;backdrop-filter:blur(14px);z-index:5}.brand{font-weight:700;font-size:22px}.brand span{opacity:.45}.nav nav{display:flex;gap:28px;font:12px 'DM Mono',monospace;text-transform:uppercase}.nav nav a{opacity:.65}.nav nav a:hover{opacity:1}
.hero{padding:13vh 8vw 15vh;max-width:1000px}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.14em;opacity:.52;text-transform:uppercase}.hero h1{font-size:clamp(60px,10vw,145px);line-height:.88;letter-spacing:-.07em;margin:28px 0}.hero h1 i{font-weight:400}.hero p{font-size:18px;line-height:1.5;max-width:560px;opacity:.65}
.section{padding:90px 8vw;border-top:1px solid #292929}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section h2{font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:-.05em;margin:12px 0 0}.section-head>span{font:11px 'DM Mono',monospace;opacity:.5}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{border:1px solid #292929;background:#111;min-height:340px;display:flex;flex-direction:column;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#555}.cover{aspect-ratio:1;background:linear-gradient(135deg,#292929,#111);display:grid;place-items:center;font-size:42px}.card:nth-child(2) .cover{background:linear-gradient(135deg,#4b3434,#131313)}.card:nth-child(3) .cover{background:linear-gradient(135deg,#263c39,#101111)}.card:nth-child(4) .cover{background:linear-gradient(135deg,#4b3e26,#12110d)}.card-body{padding:18px}.card h3{font-size:23px;margin:0 0 5px}.artist{opacity:.55}.note{margin:18px 0;font-size:14px;line-height:1.4;opacity:.75;min-height:40px}.tags{font:10px 'DM Mono',monospace;opacity:.5}.rec{margin-top:auto;padding-top:18px;font:11px 'DM Mono',monospace}
.voices{background:#101010}.voice-list{margin-top:45px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333}.voice{background:#101010;padding:25px;min-height:130px}.voice strong{font-size:24px}.voice p{font:11px 'DM Mono',monospace;opacity:.5;margin-top:10px}
.ingest{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.ingest p{max-width:540px;line-height:1.6;opacity:.62}.dropzone{border:1px dashed #555;min-height:250px;display:grid;place-items:center;text-align:center;padding:30px}.dropzone input{display:none}.dropzone label{cursor:pointer;display:flex;flex-direction:column;gap:12px}.dropzone strong{font-size:24px}.dropzone span{font:11px 'DM Mono',monospace;opacity:.5}.dropzone.drag{background:#171717}.dropzone #uploadStatus{font:11px 'DM Mono',monospace;opacity:.65}
footer{padding:60px 8vw;border-top:1px solid #292929;font:11px 'DM Mono',monospace;opacity:.5}
@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.voices .voice-list{grid-template-columns:1fr}.ingest{grid-template-columns:1fr}.nav nav{gap:12px}.hero{padding-top:10vh}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero h1{font-size:62px}}