@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f5f4ef;--ink:#262820;--muted:#71736b;--line:#d6d7cd;--accent:#626d42;--serif:'Instrument Serif',Georgia,serif;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}a,button,input{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input:focus-visible{outline-offset:5px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}.wrap{max-width:1440px;margin:auto;padding:0 6vw}.top{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:15px;font-weight:600;letter-spacing:-.5px}.top nav{display:flex;gap:34px;font-size:12px}.top nav a:hover{color:var(--accent)}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:500}.hero{position:relative;padding:70px 0 63px;border-bottom:1px solid var(--line)}.hero-head{display:flex;justify-content:space-between;align-items:center}.hero-head span:last-child{color:var(--muted);font-size:11px}.hero h1{font-family:var(--serif);font-size:clamp(90px,13.5vw,194px);font-weight:400;letter-spacing:-.065em;line-height:.88;margin:65px 0 60px}.hero h1 i{font-weight:400;padding-left:20vw}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom p{max-width:230px;line-height:1.6;color:var(--muted);font-size:13px;margin:0}.arrow-link{font-size:12px;display:inline-flex;gap:40px;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--ink)}.arrow-link span{font-size:20px}.music{padding:65px 0 85px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.section-head h2{font-family:var(--serif);font-size:48px;font-weight:400;letter-spacing:-1px;margin:0}.section-head .eyebrow{color:var(--muted)}.empty{display:grid;grid-template-columns:190px 1fr;gap:45px;align-items:center;padding:32px;border:1px solid var(--line)}.empty-art{aspect-ratio:1;background:#e7e7de;display:grid;place-items:center;font-family:var(--serif);font-size:62px;letter-spacing:-8px;position:relative;overflow:hidden}.empty-art:before{content:'';position:absolute;inset:13%;border:1px solid #c5c8b8;border-radius:50%}.empty h3{font-family:var(--serif);font-size:34px;font-weight:400;margin:0 0 10px}.empty p{font-size:13px;color:var(--muted);line-height:1.8;margin:0;max-width:330px}.track{display:grid;grid-template-columns:35px 62px 1fr auto;gap:20px;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:none;text-align:left;padding:18px 0;color:var(--ink)}.track:last-child{border-bottom:1px solid var(--line)}.track:hover{background:#ecece4}.track .number{font-size:11px;color:var(--muted)}.track img,.cover-small{height:62px;width:62px;object-fit:cover}.cover-small{background:#e2e4d7;display:grid;place-items:center;font-family:var(--serif);font-size:26px}.track strong{font-weight:500;font-size:16px;display:block}.track small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.play-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:11px}.about{display:grid;grid-template-columns:1fr 1.5fr;border-top:1px solid var(--line);padding:64px 0 80px;gap:50px}.about h2{font-family:var(--serif);font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1.15;letter-spacing:-1px;margin:0}.about p{font-size:13px;line-height:1.8;color:var(--muted);max-width:320px;margin-top:24px}.contact{background:#e8e9df;padding:55px 6vw;display:flex;align-items:center;justify-content:space-between}.contact h2{font-family:var(--serif);font-size:40px;font-weight:400;letter-spacing:-1px;margin:10px 0}.contact a{font-size:16px;border-bottom:1px solid;padding:8px 0}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0;font-size:10px;color:var(--muted)}footer a:hover{text-decoration:underline}.player{position:sticky;bottom:0;z-index:5;background:var(--ink);color:var(--paper);padding:16px 6vw;display:grid;grid-template-columns:1fr auto 1fr;gap:35px;align-items:center;box-shadow:0 -4px 24px #0001}.player[hidden]{display:none}.player strong{font-size:13px;font-weight:500}.player small{display:block;font-size:10px;color:#bdbfb4;margin-top:5px}.player button{background:none;border:1px solid #65695c;color:inherit;border-radius:50%;width:40px;height:40px}.controls{display:flex;align-items:center;gap:16px}.seek{display:flex;gap:10px;align-items:center;font-size:10px}.seek input{accent-color:#c8d1a6;width:100%}.error{color:#923d32;font-size:13px;line-height:1.6}.status{font-size:12px;line-height:1.6;color:var(--accent)}.btn{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:13px 22px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:15px}.btn.secondary{background:none;color:var(--ink);border-color:var(--line)}.btn:hover{background:#42473b;color:white}.admin-wrap{max-width:1080px;margin:auto;padding:0 30px}.admin-intro{padding:55px 0 35px}.admin-intro h1{font-family:var(--serif);font-size:60px;letter-spacing:-2px;font-weight:400;margin:12px 0}.admin-intro p{font-size:13px;color:var(--muted);line-height:1.7}.auth{max-width:440px;margin:60px auto 100px;border:1px solid var(--line);padding:35px}.auth h2{font-family:var(--serif);font-size:36px;font-weight:400;margin:0 0 12px}.auth p{font-size:13px;color:var(--muted);line-height:1.7}.field{display:block;font-size:12px;margin:22px 0}.field input{display:block;width:100%;padding:13px;border:1px solid var(--line);background:#fff9;margin-top:9px;color:var(--ink);border-radius:0}.field input[type=file]{font-size:12px;padding:20px;border-style:dashed}.field small{display:block;color:var(--muted);line-height:1.6;margin-top:8px}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-bottom:70px}.panel{border-top:1px solid var(--line);padding-top:25px}.panel h2{font-size:21px;font-weight:450;margin:0}.panel p{font-size:12px;color:var(--muted);line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.admin-track{padding:22px 0;border-bottom:1px solid var(--line)}.admin-track h3{font-size:16px;font-weight:500;margin:0 0 9px}.badge{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.badge.live{color:var(--accent)}.admin-track .actions{margin-top:18px;gap:7px}.admin-track button{padding:8px 10px;font-size:10px}.admin-track audio{width:100%;height:32px;margin-top:12px}.check{display:flex;gap:10px;align-items:center;font-size:12px;margin:25px 0}.check input{accent-color:var(--accent)}progress{width:100%;accent-color:var(--accent);height:6px}.notice{font-size:11px;color:var(--muted);line-height:1.7;margin-top:25px}[hidden]{display:none!important}@media(min-width:1600px){.wrap{padding:0 90px}}@media(max-width:700px){.wrap{padding:0 24px}.top{height:78px}.top nav{gap:20px;font-size:11px}.hero{padding:35px 0 40px}.hero-head span:last-child{display:none}.hero h1{font-size:24vw;margin:60px 0;line-height:.94}.hero h1 i{padding-left:10vw}.hero-bottom{align-items:center;gap:20px}.hero-bottom p{font-size:12px;max-width:165px}.arrow-link{gap:18px;font-size:11px}.music{padding:40px 0 55px}.section-head h2{font-size:38px}.section-head{margin-bottom:25px}.empty{grid-template-columns:80px 1fr;gap:20px;padding:20px}.empty-art{font-size:34px;letter-spacing:-4px}.empty h3{font-size:25px}.empty p{font-size:11px}.about{grid-template-columns:1fr;gap:28px;padding:40px 0}.about h2{font-size:38px}.contact{display:block;padding:35px 24px}.contact h2{font-size:34px}.contact a{display:inline-block;font-size:14px;margin-top:15px}footer{font-size:9px;flex-wrap:wrap}.track{grid-template-columns:20px 48px 1fr auto;gap:12px}.track img,.cover-small{height:48px;width:48px}.track strong{font-size:14px}.play-icon{height:33px;width:33px}.player{grid-template-columns:1fr auto;gap:15px;padding:14px 24px}.seek{grid-column:1/-1}.dashboard{grid-template-columns:1fr;gap:45px}.admin-wrap{padding:0 24px}.admin-intro h1{font-size:48px}.auth{margin:30px 0;padding:25px}.admin-wrap .top nav{gap:12px}.top .btn{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}