@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#eae9e1;--ink:#252820;--red:#e4492d;--line:#bdbfb3;--mono:'DM Mono',monospace;--sans:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:6px}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:var(--ink);color:var(--paper);z-index:99}.skip-link:focus{top:10px}.site-header{margin:0 4%;height:103px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:38px}.wordmark{font-size:31px;letter-spacing:-2px;font-weight:700;white-space:nowrap}.wordmark>span:first-child{color:var(--red);font-size:28px;display:inline-block;transform:rotate(12deg);margin:0 3px}.wordmark-dot{font:11px var(--mono);vertical-align:top;padding-left:4px}.header-note,.eyebrow,.edition,.site-header nav,.tape-bottom,.interlude,.shelf-label,footer{font-family:var(--mono)}.header-note{font-size:11px;line-height:1.65;letter-spacing:.03em}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:36px;font-size:13px}.site-header nav span{font-size:10px;vertical-align:super;color:var(--red);margin-left:4px}.site-header nav a:hover,footer a:hover{color:var(--red)}.listening-room{display:grid;grid-template-columns:1fr 1.04fr;gap:5%;padding:32px 4% 44px;max-width:1800px;margin:auto}.eyebrow{font-size:11px;font-weight:400;letter-spacing:.06em;margin:0;line-height:1.6}.intro h1{font-family:var(--display);font-size:clamp(88px,9.8vw,166px);font-weight:800;line-height:.79;letter-spacing:-.025em;margin:33px 0 21px;text-transform:uppercase}.intro h1>span{display:block}.intro h1 .badmusic{color:var(--red);white-space:nowrap}.title-star{font-family:Arial;font-size:.53em;display:inline-block;vertical-align:14%;margin-left:9px}.intro-note{margin:26px 0 0;font-size:15px;line-height:1.5}.featured-tape{padding-top:0;display:flex;flex-direction:column;min-width:0}.tape-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 13px}.edition{font-size:11px}.tape-art{flex:1;min-height:306px;position:relative;display:flex;align-items:center;justify-content:center}.art-type{font:italic 100px/.8 Georgia,serif;letter-spacing:-6px;color:var(--red);transform:rotate(-11deg);text-align:center}.hand-note{position:absolute;bottom:16px;right:15px;font:italic 18px Georgia,serif;transform:rotate(-6deg)}.tape-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 24px}.tape-info h2{font:normal clamp(24px,2.7vw,40px) Georgia,serif;letter-spacing:-1.1px;margin:8px 0 0;white-space:nowrap}.tape-info h2 span{color:var(--red)}.listen-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--red);color:var(--paper);border:1px solid var(--red);border-radius:50px;min-height:52px;padding:0 24px;font-size:15px;cursor:pointer;transition:background .2s,transform .2s}.listen-button:hover{background:var(--ink);border-color:var(--ink);transform:translateY(-2px)}.listen-button>span{font-size:11px}.tape-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid var(--line);font-size:10px;line-height:1.5}.tape-bottom a{text-decoration:underline;text-underline-offset:4px}.interlude{margin:0 4%;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:.08em}.interlude>span:nth-child(even){color:var(--red);font-size:24px;line-height:1}.tape-shelf{padding:70px 4% 60px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.section-heading h2{font:normal 38px Georgia,serif;margin:0;letter-spacing:-1px}.section-heading h2 span{font:12px var(--mono);letter-spacing:0}.shelf-row{display:flex;align-items:center;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 8px;transition:color .2s,padding .2s}.shelf-row:hover{padding-left:20px;color:var(--red)}.row-number{font:12px var(--mono);align-self:flex-start;padding-top:8px}.shelf-title h3{font-weight:500;font-size:22px;margin:0}.shelf-title p{margin:8px 0 0;font:12px var(--mono)}.shelf-label{margin-left:auto;font-size:11px}.row-arrow{font-size:34px;font-weight:400}.liner-notes{background:var(--ink);color:var(--paper);padding:65px 4% 70px;display:grid;grid-template-columns:1fr 2.1fr;gap:32px}.liner-notes>.eyebrow{color:#b9bcae;padding-top:8px}.liner-notes h2{font:normal clamp(36px,4vw,62px)/1.07 Georgia,serif;letter-spacing:-1.5px;margin:0 0 32px}.liner-notes h2 em{color:#ee7556}.notes-copy{max-width:580px;font-size:17px;line-height:1.75}.notes-copy p{margin:0 0 20px}.sign-off{font:italic 23px/1.7 Georgia,serif;padding-top:8px}.sign-off span{font:11px var(--mono);color:#b9bcae}footer{padding:28px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}footer p{font-size:10px}.footer-name{font-family:var(--sans);font-weight:700;letter-spacing:-.4px;font-size:13px}section[id]{scroll-margin-top:20px}@media(min-width:1600px){.listening-room{padding-top:48px;padding-bottom:64px}.tape-art{min-height:390px}}@media(max-width:1000px){.site-header{gap:24px}.intro h1{font-size:10vw}.title-star{margin-left:4px}.tape-info{flex-wrap:wrap}.tape-info h2{font-size:29px}.tape-bottom{font-size:9px}.shelf-label{font-size:10px}.tape-art{min-height:280px}.tape-info .listen-button{min-height:45px}.interlude{font-size:10px}footer{flex-wrap:wrap}}@media(max-width:700px){.site-header{height:86px;margin:0 6%;gap:16px}.wordmark{font-size:25px}.header-note{display:none}.site-header nav{font-size:12px;gap:24px}.listening-room{display:block;padding:29px 6% 35px}.intro h1{font-size:clamp(76px,19vw,132px);line-height:.81;margin:25px 0 24px}.intro-note{margin-top:22px;font-size:15px}.eyebrow{font-size:10px}.featured-tape{margin-top:36px}.tape-art{height:270px;min-height:0;flex:auto}.tape-info h2{font-size:30px}.tape-info{flex-wrap:nowrap;padding-bottom:20px}.tape-info .listen-button{padding:0 20px}.tape-bottom{font-size:9px;gap:16px}.interlude{margin:0 6%;font-size:10px;gap:12px;flex-wrap:wrap;justify-content:center}.interlude>span:last-child,.interlude>span:nth-child(4){display:none}.tape-shelf{padding:45px 6%}.section-heading{display:block}.section-heading h2{font-size:34px}.section-heading>.eyebrow{margin-top:12px}.shelf-row{gap:18px}.shelf-title h3{font-size:19px}.shelf-label{display:none}.row-arrow{margin-left:auto}.liner-notes{padding:40px 6%;display:block}.liner-notes>.eyebrow{margin-bottom:25px}.liner-notes h2{font-size:37px}.notes-copy{font-size:16px}footer{padding:24px 6%;gap:15px}.footer-name{flex-basis:100%;font-size:12px}footer p{max-width:55%;font-size:9px}footer>a:last-child{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Cassette artwork, listening interaction, and final type scale. */
.header-note{font-size:12px}.site-header nav{font-size:14px}.eyebrow,.edition{font-size:12px}.tape-bottom{font-size:12px}.interlude{font-size:12px}.shelf-label{font-size:12px}footer,footer p{font-size:12px}.intro-note{font-size:16px}.intro h1{font-size:clamp(86px,9.35vw,154px);line-height:.83}.title-star{font-size:.47em;margin-left:5px}.featured-tape{position:relative}.tape-art{height:310px;min-height:310px;max-height:370px;margin:0 -3%;perspective:1000px;flex:1}.cassette-front{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.cassette-front[hidden],.cassette-back[hidden]{display:none}.cassette-image{width:100%;height:auto;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s cubic-bezier(.2,.8,.2,1);transform:rotate(-8deg)}.cassette-front:hover .cassette-image{transform:rotate(-11deg) translateY(-5px)}.hand-note{bottom:1px;right:9%;font-size:18px;z-index:1}.flip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;margin-top:5px}.flip-row>.eyebrow{font-size:11px;letter-spacing:0}.flip-button{color:var(--ink);border:0;background:transparent;padding:12px 0 12px 10px;cursor:pointer;font:12px var(--mono);white-space:nowrap}.flip-button:hover{color:var(--red)}.flip-button span{font-size:18px;vertical-align:-1px}.tape-info{padding-top:10px}.tape-info h2{font-size:clamp(25px,2.4vw,38px)}.tape-bottom{font-size:10px}.tape-bottom>a{font-size:12px}.cassette-back{position:absolute;inset:16px 3% 8px;border:1px solid var(--ink);background:#f4f3eb;padding:16px;box-shadow:5px 5px 0 #cfd0c4;display:flex;flex-direction:column;animation:turn-in .25s ease-out}.tracklist-heading{display:flex;justify-content:space-between;gap:12px;font:11px var(--mono);padding-bottom:12px;border-bottom:1px solid var(--ink)}.tracklist{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--red) transparent}.tracklist li+li{border-top:1px solid #d7d8cc}.tracklist a{display:flex;gap:12px;align-items:center;padding:10px 0;line-height:1.25}.tracklist a:hover{color:var(--red)}.track-number,.track-duration{font:12px var(--mono)}.track-description{min-width:0;flex:1}.track-description strong{display:block;font-size:14px;font-weight:500}.track-description>span{display:block;font-size:12px;margin-top:4px}.track-description small{font:10px var(--mono);padding:1px 3px;border:1px solid var(--line)}.track-credit{font:11px var(--mono);text-align:right;padding-top:11px;border-top:1px solid var(--ink)}.playlist-cover{width:72px;height:72px;flex-shrink:0;object-fit:contain}.shelf-row .row-number{align-self:center;padding-top:0}.shelf-title{min-width:0}.shelf-title h3{overflow-wrap:anywhere}.shelf-label{text-align:right}.shelf-row{gap:26px}.notes-copy .sign-off span{font-size:14px}dialog{border:1px solid var(--ink);padding:26px;background:var(--paper);color:var(--ink);width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:10px 10px 0 rgb(0 0 0/.2)}dialog::backdrop{background:rgb(22 26 18/.67);backdrop-filter:blur(5px)}dialog[open]{animation:turn-in .2s ease-out}.player-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.close-player{width:44px;height:44px;margin:-10px -10px 0 0;cursor:pointer;background:transparent;color:var(--ink);border:0;font-size:32px}.close-player:hover{color:var(--red)}dialog h2{font:32px Georgia,serif;letter-spacing:-1px;margin:14px 0}.player-intro{font-size:15px;line-height:1.5;margin:0 0 20px}.spotify-container{min-height:352px;position:relative}.spotify-container iframe{border:0;border-radius:12px;display:block;position:relative;background:#222}.embed-loading{position:relative;font:13px/1.5 var(--mono);margin:0 0 12px}.player-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:12px}.player-footer p{font-size:12px;line-height:1.5;max-width:260px}.player-footer a{font-size:13px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.player-open{overflow:hidden}@keyframes turn-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.tape-art{min-height:340px}}@media(max-width:1000px){.header-note{font-size:11px}.site-header nav{gap:24px}.tape-bottom>span{max-width:50%;font-size:10px}.tape-info{flex-wrap:wrap}.flip-row{flex-wrap:wrap;gap:0}.flip-row>.eyebrow{font-size:10px}.shelf-row{gap:18px}.shelf-label{max-width:160px;font-size:11px}.intro h1{font-size:9.4vw}.tape-info h2{font-size:29px}.tape-art{min-height:290px}.listen-button{min-height:45px;padding:0 20px}}
@media(max-width:700px){.site-header nav{font-size:13px;gap:22px}.intro h1{font-size:clamp(72px,18.3vw,126px);line-height:.84;letter-spacing:-.02em}.title-star{font-size:.48em;margin-left:8px}.eyebrow{font-size:11px}.intro-note{font-size:16px}.tape-art{height:280px;min-height:280px;max-height:280px;margin:0 -3%}.tape-heading .eyebrow{font-size:11px}.flip-row{flex-wrap:nowrap;margin-top:0}.flip-row>.eyebrow{font-size:10px}.flip-button{font-size:12px}.tape-info{flex-wrap:nowrap;padding-top:13px}.tape-info h2{font-size:26px;letter-spacing:-.8px}.tape-info .listen-button{padding:0 16px;min-height:46px;font-size:14px}.tape-bottom{align-items:flex-start}.tape-bottom>span{max-width:50%;font-size:10px}.tape-bottom>a{font-size:12px}.interlude{font-size:10px}.shelf-row{gap:14px}.playlist-cover{width:54px;height:54px}.shelf-title h3{font-size:17px}.shelf-title p{font-size:11px}.row-number{font-size:11px}.row-arrow{font-size:26px}.hand-note{font-size:18px;bottom:5px}.tracklist-heading{font-size:10px}.cassette-back{inset:6px 3% 8px;padding:12px}.tracklist a{padding:9px 0}.player-footer{display:block}.player-footer p{max-width:none}.player-footer a{display:inline-block;padding:8px 0}.footer-name{font-size:12px;overflow-wrap:anywhere}footer p{font-size:10px}footer>a:last-child{font-size:12px}.site-header{gap:12px}}
@media(max-width:370px){.tape-info{flex-wrap:wrap}.shelf-row{gap:9px}.playlist-cover{width:44px;height:44px}.shelf-title h3{font-size:15px}.site-header nav{gap:15px}.tape-art{height:240px;min-height:240px}.flip-row{flex-wrap:wrap}.intro h1{font-size:18vw}}

.mobile-listen{display:none}.flip-button{font-size:14px}.tape-art{overflow:clip}.track-credit{font-size:12px}.tape-bottom>a{font-size:14px}.tracklist-heading{font-size:12px}.player-footer a{font-size:14px}@media(max-width:700px){.mobile-listen{display:inline-flex;align-items:center;gap:18px;margin-top:18px;padding:10px 17px;border:1px solid var(--red);color:var(--red);border-radius:40px;font-size:14px}.mobile-listen:hover{color:var(--paper);background:var(--red)}.flip-button{font-size:14px}.flip-row{flex-wrap:wrap}.flip-row>.eyebrow{font-size:11px}.tape-bottom>a{font-size:13px}.cassette-back .tracklist-heading{font-size:11px}.featured-tape{margin-top:28px}}
/* Keep small interactive text above 4.5:1 contrast while preserving the display accent. */
.listen-button{background:#bd351f;border-color:#bd351f}.mobile-listen{color:#b6321c}.mobile-listen:hover{background:#bd351f;border-color:#bd351f}.flip-button:hover,.tracklist a:hover,.site-header nav a:hover,footer a:hover,.shelf-row:hover,.close-player:hover{color:#b6321c}.flip-button{min-height:44px}