@charset "UTF-8";
:root{color-scheme:light;--paper:#f5f2e9;--ink:#1e2924;--muted:#626c64;--line:#d3d8ce;--green:#183f35;--mint:#cbdca8;--orange:#d7633b;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:absolute;top:-80px;left:20px;padding:14px;background:var(--ink);color:white;z-index:5}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.masthead{height:96px;padding:0 6vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:30px;font-weight:900;letter-spacing:-1.5px;text-decoration:none;line-height:1}.brand span{display:block;font-size:8px;letter-spacing:1.8px;margin-top:8px}.masthead nav{display:flex;gap:30px;font-size:12px;font-weight:bold}.masthead nav a{text-decoration:none}.masthead nav a:hover{text-decoration:underline;text-underline-offset:6px}main{max-width:1380px;margin:auto;padding:65px 6vw 50px}.intro{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end;margin-bottom:50px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:bold}.intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,5.8vw,80px);font-weight:normal;line-height:1.03;letter-spacing:-3px;margin:25px 0 0}.intro h1 em{font-weight:normal;color:var(--green)}.intro-copy{max-width:390px;justify-self:end}.edition{font-size:10px;font-weight:bold;letter-spacing:1.6px;color:var(--green);display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:10px}.intro-copy p{font-size:15px;line-height:1.7;margin:17px 0}.intro-copy .composer{font-size:11px;color:var(--muted)}.listening-room{display:grid;grid-template-columns:35% 65%;background:var(--green);color:var(--paper)}.sleeve{position:relative;display:flex;align-items:center;justify-content:center;min-height:365px;background:#e3e8d0;overflow:hidden;color:var(--green);border:16px solid #e3e8d0}.sleeve-top,.sleeve-bottom{position:absolute;z-index:1;left:10px;font-size:8px;letter-spacing:1.4px;font-weight:bold}.sleeve-top{top:8px}.sleeve-bottom{bottom:8px}.grooves{width:270px;height:270px;min-width:270px;border-radius:50%;background:repeating-radial-gradient(circle,#20372d 0,#20372d 2px,#344c40 3px,#20372d 4px);display:grid;place-items:center;box-shadow:0 8px 20px #183f3526;transform:rotate(-12deg)}.label{width:126px;height:126px;border-radius:50%;background:#cadb9c;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-family:Georgia,serif;font-size:22px;line-height:.95;font-weight:bold}.label i{font:6px Arial,sans-serif;letter-spacing:.7px;margin-top:12px}.sleeve.is-playing .grooves{animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(348deg)}}@media(prefers-reduced-motion:reduce){.sleeve.is-playing .grooves{animation:none}}.console{padding:36px 40px}.console-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--mint);font-size:10px}.console-top .eyebrow{font-size:9px}.console h2{font-family:Georgia,serif;font-size:clamp(24px,2.7vw,36px);font-weight:normal;margin:25px 0 7px;min-height:43px}.console #current-meta{font-size:11px;color:#cbd9cf;margin:0;line-height:1.5}.timeline{margin:28px 0 18px}.timeline input{width:100%;height:4px;accent-color:var(--mint);display:block;cursor:pointer}.timeline>div{display:flex;justify-content:space-between;font-size:10px;font-variant-numeric:tabular-nums;margin-top:13px;color:#d2ddcf}.transport{display:flex;justify-content:space-between;align-items:center;gap:22px}.buttons{display:flex;align-items:center;gap:14px}.buttons button{border:0;color:var(--paper);background:transparent}.buttons .icon{font-size:20px;padding:10px}.buttons .primary{min-width:80px;border-radius:40px;padding:15px 20px;background:var(--mint);color:var(--green);font-size:12px;font-weight:bold}.volume{display:flex;align-items:center;gap:12px;font-size:9px}.volume input{width:80px;height:3px;accent-color:var(--mint)}.modes{display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff29;margin-top:23px;padding-top:16px;font-size:10px}.modes button{padding:0;border:0;background:none;color:#d2ddcf;font-size:10px}.modes button[aria-pressed=true]{color:var(--mint);text-decoration:underline;text-underline-offset:4px}.modes>span{margin-left:auto;font-size:9px;color:#adbcaf}.error{font-size:12px;background:#f2d4c8;color:#502b20;padding:12px;line-height:1.5}.library{margin-top:62px}.library-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.library-heading h2{font:normal 34px Georgia,serif;letter-spacing:-.8px;margin:10px 0 0}.library-heading h2 span{color:var(--orange)}.library-heading>p{font-size:11px;color:var(--muted);margin-bottom:3px}.filters{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.search{flex:1;min-width:100px}.search input{width:100%;border:0;background:transparent;padding:9px 0;color:var(--ink);font-size:12px}.category{font-size:10px;white-space:nowrap}.category select{background:transparent;border:0;padding:8px;color:var(--ink);font-size:11px;cursor:pointer}.filters>span{font-size:10px;color:var(--muted);min-width:75px;text-align:right}.track-head,.track-button{display:grid;grid-template-columns:55px 1fr 130px 55px;gap:12px;align-items:center;text-align:left}.track-head{font-size:8px;letter-spacing:1.3px;color:var(--muted);padding:24px 18px 12px}.track-head>span:last-child{text-align:right}.tracks{list-style:none;padding:0;margin:0;counter-reset:track}.tracks li{border-bottom:1px solid var(--line)}.track-button{width:100%;background:transparent;border:0;color:var(--ink);padding:17px 18px;min-height:58px}.track-button:hover{background:#e9eddf}.track-button[aria-current=true]{background:#e2ead6}.track-id{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.track-title{font-size:13px;font-weight:bold}.track-category{font-size:9px;color:var(--muted)}.track-duration{font-size:10px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.track-button[aria-current=true] .track-id{color:var(--green);font-weight:bold}.source-note{margin-top:40px;padding-top:25px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.75}.source-note summary{font-size:12px;font-weight:bold;color:var(--ink);cursor:pointer}.source-note p{max-width:900px}.source-note a{text-underline-offset:3px}footer{padding:28px 6vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}footer>a{text-decoration:none;font-weight:bold}footer p{font-size:10px;color:var(--muted);line-height:1.6;text-align:center}.noscript{padding:30px}.tracks+[hidden],[hidden]{display:none!important}#empty{font-size:13px;color:var(--muted);padding:20px}
@media(min-width:1600px){.masthead,footer{padding-left:calc((100vw - 1220px)/2);padding-right:calc((100vw - 1220px)/2)}}
@media(max-width:760px){.masthead{height:83px;padding:0 6vw}.brand{font-size:25px}.masthead nav{gap:16px;font-size:10px}.masthead nav a:first-child{display:none}main{padding-top:38px}.intro{grid-template-columns:1fr;gap:28px;margin-bottom:30px}.intro h1{letter-spacing:-2px;font-size:55px}.intro-copy{justify-self:start;max-width:480px}.intro-copy p{font-size:13px}.edition{font-size:9px}.intro-copy .composer{margin-bottom:0}.listening-room{grid-template-columns:1fr}.sleeve{display:none}.console{padding:27px 25px}.console h2{margin-top:24px;min-height:35px}.library{margin-top:40px}.library-heading{display:block}.library-heading h2{font-size:30px}.library-heading>p{margin-top:15px}.filters{gap:10px;flex-wrap:wrap}.search{min-width:100%;border-bottom:1px solid var(--line);padding-bottom:7px}.category{flex:1}.track-head,.track-button{grid-template-columns:34px 1fr 40px;gap:10px;padding-left:5px;padding-right:5px}.track-head>span:nth-child(3),.track-category{display:none}.track-title{font-size:12px;line-height:1.5}.volume input{width:70px}.volume label{display:none}.modes{gap:22px}.modes>span{font-size:8px}footer{flex-wrap:wrap;gap:12px}footer p{order:3;flex-basis:100%;text-align:left}.transport{gap:12px}.buttons{gap:10px}.console-top .eyebrow{letter-spacing:1.3px}}
