:root{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#111;background:#fff;--accent:#00efff;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #111;outline-offset:6px}h1,h2,p{margin:0}.shell{max-width:1500px;margin:auto;padding:30px 44px}.brand{font-size:23px;font-weight:600;letter-spacing:-.065em}header{display:flex;align-items:center;justify-content:space-between;font-size:14px}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin:80px 0 42px;gap:25px}.heading h1{font-size:clamp(85px,15vw,210px);line-height:.8;letter-spacing:-.085em;margin-left:-.055em}.heading p{font-size:14px;color:#666;line-height:1.5}.section-label{border-top:1px solid #111;padding:18px 0;display:flex;justify-content:space-between;font-size:12px;color:#666}.listening-room{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.65fr);gap:8%;padding:35px 0 70px}.sleeve{position:sticky;top:35px;align-self:start;padding-top:10px}.artwork{position:relative;aspect-ratio:1;background:#f0f0ed;overflow:hidden}.artwork img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .4s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.artwork img.visible{opacity:1;transform:scale(1)}.sleeve-caption{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-top:15px}.credit{font-size:11px;color:#666;margin-top:7px}.listen{font-size:26px;letter-spacing:-.055em;margin-top:30px;display:flex;gap:40px;align-items:center}.listening-note{font-size:12px;color:#666;margin-top:60px;max-width:23ch;line-height:1.5}.recordings{min-width:0}.track{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr) 35px;gap:15px;text-align:left;align-items:start;padding:20px 0 24px;border-bottom:1px solid #d6d6d6}.track:first-child{padding-top:0}.track-number{font-size:11px;padding-top:10px;color:#777}.track-title{font-size:clamp(34px,4.8vw,74px);font-weight:500;letter-spacing:-.07em;line-height:.97;color:#858585;transition:color .25s ease}.track-meta{display:block;font-size:11px;color:#777;letter-spacing:0;margin-top:12px}.track-arrow{font-size:29px;line-height:1.2;opacity:0;transform:translate(-7px,7px);transition:opacity .25s,transform .25s}.track:is(:hover,:focus-visible,[aria-current=true]) .track-title{color:#111}.track:is(:hover,:focus-visible) .track-title>span{background-size:100% 85%}.track:is(:hover,:focus-visible,[aria-current=true]) .track-arrow{opacity:1;transform:translate(0,0)}.track-title>span,.highlight{background-image:linear-gradient(var(--accent),var(--accent));background-position:0 65%;background-size:100% 0;background-repeat:no-repeat;transition:background-size .22s ease}.highlight:is(:hover,:focus-visible){background-size:100% 85%}footer{display:flex;gap:30px;align-items:center;border-top:1px solid #111;padding:22px 0 8px;font-size:13px}footer>span{margin-right:auto;color:#666}.skip{position:fixed;top:-100px;left:15px;background:white;padding:15px;z-index:10}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(600px,100%);max-width:100%;height:100dvh;max-height:100dvh;background:#fff;color:#111;border:0;border-left:1px solid #111;padding:30px 38px;overflow:auto}dialog::backdrop{background:#ffffffce;backdrop-filter:blur(6px)}dialog[open]{animation:reveal .35s cubic-bezier(.2,.8,.2,1)}.listener-top{display:flex;align-items:center;justify-content:space-between;font-size:13px}.listener-top button{min-height:40px}.listener-index{font-size:12px;color:#777;margin:80px 0 25px}dialog h2{font-size:clamp(48px,5.5vw,78px);line-height:.94;letter-spacing:-.065em;font-weight:500}.listener-credit{font-size:13px;color:#666;margin:24px 0 42px}#player{min-height:152px;background:#f4f4f4;border-radius:12px;overflow:hidden}#player iframe{display:block;width:100%;height:152px;border:0}.player-note{font-size:12px;color:#666;line-height:1.5;margin:18px 0 30px;max-width:38ch}#spotify-link{font-size:15px}.listener-nav{margin-top:70px;border-top:1px solid #ccc;display:flex;justify-content:space-between;padding-top:20px;font-size:14px}body:has(dialog[open]){overflow:hidden}@keyframes reveal{from{transform:translateX(35px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(max-width:1000px){.shell{padding:25px 28px}.listening-room{gap:6%;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr)}.track{gap:8px}.track-title{font-size:clamp(34px,5vw,50px)}}
@media(max-width:600px){.shell{padding:24px 20px}header{font-size:13px}.heading{display:block;margin:60px 0 30px}.heading h1{font-size:27vw}.heading p{font-size:12px;margin-top:24px}.section-label{font-size:10px;gap:20px}.section-label span:last-child{text-align:right}.listening-room{grid-template-columns:1fr;gap:30px;padding:18px 0 45px}.sleeve{position:static;display:grid;grid-template-columns:125px minmax(0,1fr);gap:0 22px;align-items:start}.artwork{grid-column:1;grid-row:1/5}.sleeve-caption{margin:4px 0 0;display:block;font-size:14px;line-height:1.3}.sleeve-caption span:last-child{display:block;color:#777;font-size:11px;margin-top:7px}.credit{font-size:10px;line-height:1.4;margin-top:10px}.listen{font-size:23px;margin-top:14px;gap:24px;justify-self:start}.listening-note{display:none}.track{padding:22px 0;grid-template-columns:22px minmax(0,1fr) 30px;gap:9px}.track-title{font-size:clamp(34px,9.2vw,53px)}.track-arrow{opacity:.6;font-size:25px;transform:none}.track-meta{margin-top:10px}footer{gap:20px;flex-wrap:wrap;font-size:12px}footer>span{flex-basis:100%}dialog{padding:24px}.listener-index{margin-top:65px}.listener-credit{line-height:1.5}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:700px),(hover:none) and (pointer:coarse){
 .track-title>span,.highlight{transition:none}
 .track:is(:hover,:active,:focus-visible) .track-title>span,.highlight:is(:hover,:active,:focus-visible){background-size:100% 1.15em}
 .track:active .track-title{color:#111}
}

.section-label h2{font:inherit;margin:0}.snow-clouds .section-label>a{text-align:right}

.section-label h2{font-size:inherit;font-weight:400}.music-introduction{margin:-20px 0 32px}.track:focus-visible{outline-offset:2px}