:root{--font-zine:Courier,'Courier New',monospace;color-scheme:dark;background:#250812;color:#ede3d5;font-family:var(--font-zine);font-weight:600}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{touch-action:pan-y pinch-zoom}::selection{background:#e19b7a;color:#300814}
.sequence{position:relative;height:100svh}
.viewport{position:relative;width:100%;height:100svh;overflow:hidden;overflow:clip;overscroll-behavior:none;isolation:isolate;background:#000}
.fallback{position:absolute;inset:0;background:#000;z-index:-1}
.photographic-field{position:absolute;inset:-4%;opacity:0;will-change:filter}
.ready .photographic-field{opacity:1}
.photographic-field canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;will-change:transform,opacity}
#photograph-b{opacity:0}
#photograph-c{background:linear-gradient(135deg,#0b0206 0%,#260713 55%,#6a1b2a 100%)}
#photograph-c,#photograph-d,#photograph-e{opacity:0}
.book-fold{position:absolute;inset:0;pointer-events:none;opacity:0;--fold-x:50%;--fold-spread:25px;--fold-skew:0deg;background:linear-gradient(90deg,transparent calc(var(--fold-x) - var(--fold-spread)),#14040b12 calc(var(--fold-x) - 8px),#14040b40 calc(var(--fold-x) - 1px),#e2b1a017 var(--fold-x),transparent calc(var(--fold-x) + 18px));transform:skewX(var(--fold-skew));transform-origin:50% 50%;will-change:opacity,transform,background,filter}
.paper-grain{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:multiply}
.paper-grain canvas{width:100%;height:100%;display:block}
.identity{font-family:Georgia,'Times New Roman',serif;font-weight:400;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 44px);text-align:center;will-change:opacity,filter,transform}
.cover-meta{position:absolute;inset:0;pointer-events:none;will-change:opacity;color:#f0e8dc;text-shadow:0 1px 12px #101c5740}
.cover-location{position:absolute;top:14%;left:50%;transform:translateX(-50%);font:600 12px/1 Arial,sans-serif;letter-spacing:.13em;white-space:nowrap}
.cover-quote{position:absolute;left:5.2%;top:56%;margin:0;padding:0;border:0;background:none;color:inherit;text-align:left;font:italic clamp(18px,2vw,30px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.035em;white-space:nowrap;cursor:pointer;pointer-events:auto;transform-origin:left center}
.ready .cover-quote[aria-pressed="false"]{animation:sound-breath 3.6s cubic-bezier(.45,0,.25,1) 2.6s infinite}
.sound-waves{position:absolute;left:-25px;top:.12em;width:16px;height:17px;display:flex;align-items:center;justify-content:space-between;opacity:.84}
.sound-waves i{display:block;width:1.5px;height:100%;border-radius:999px;background:currentColor;transform:scaleY(.24);animation:sound-wave 1.55s ease-in-out infinite;transform-origin:center}
.sound-waves i:nth-child(2){animation-delay:-1.12s}.sound-waves i:nth-child(3){animation-delay:-.73s}.sound-waves i:nth-child(4){animation-delay:-.34s}
.sound-waves::after{content:'';position:absolute;left:-2px;top:8px;width:20px;height:1px;background:currentColor;transform:rotate(-43deg);transform-origin:center;opacity:1;transition:opacity .25s ease}
.cover-quote[aria-pressed="true"] .sound-waves::after,.sound-dock[aria-pressed="true"] .sound-waves::after{opacity:0}
.cover-quote[aria-pressed="true"] .sound-waves i{animation-duration:.9s}
.sound-dock{position:absolute;left:4.8%;bottom:4.5%;width:30px;height:30px;padding:0;display:grid;place-items:center;color:#f2e8df;opacity:0;pointer-events:none;text-shadow:0 1px 8px #240308;transition:opacity .25s ease}
.sound-dock .sound-waves{position:relative;left:auto;top:auto;width:16px;height:17px}
.sound-dock[aria-pressed="true"] .sound-waves i{animation-duration:.9s}
.cover-mark{position:absolute;right:5.2%;top:57%;font:19px/1 Georgia,serif}
@keyframes sound-breath{0%,100%{transform:scale(1)}46%{transform:scale(1.105)}62%{transform:scale(1.08)}}
@keyframes sound-wave{0%,100%{transform:scaleY(.22)}25%{transform:scaleY(.88)}50%{transform:scaleY(.42)}75%{transform:scaleY(1)}}
h1{font-size:clamp(36px,5.5vw,91px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:0;text-shadow:0 1px 14px #101c5733}
.hero-subhead{position:absolute;left:50%;top:calc(57% + clamp(31px,3.8vw,63px));transform:translateX(-50%);width:max-content;max-width:calc(100% - 44px);margin:0;text-align:center;font:400 clamp(13px,1.25vw,20px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:.012em;text-shadow:0 1px 12px #101c5733}
.scroll-invitation{font-family:Georgia,'Times New Roman',serif;font-weight:400;position:absolute;bottom:7%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;color:inherit;font-size:13px;letter-spacing:.01em;font-style:italic;padding:14px}
.scroll-invitation span{font-family:Arial,sans-serif;font-style:normal;font-size:17px}
.editorial-notes{position:absolute;inset:0;opacity:0;visibility:hidden;will-change:opacity,filter;pointer-events:none}
.note{position:absolute;margin:0;font-family:var(--font-zine);font-size:clamp(12px,1.05vw,16px);font-weight:600;line-height:1.12;letter-spacing:-.045em;color:#e9e0d6;text-shadow:.3px 0 #e9e0d64d}
.note-opening{left:8%;top:22%;width:24%}
.note-middle{left:59%;top:47%;width:32%}
.note-spaced{left:9%;top:69%;letter-spacing:clamp(13px,2.2vw,38px);font-weight:400}
.note-ending{right:9%;bottom:14%;text-align:right;font-weight:400}
.third-notes{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity}
.third-note{position:absolute;margin:0;font:600 clamp(12px,1.05vw,16px)/1.12 var(--font-zine);letter-spacing:-.045em;color:#e9e0d6;text-shadow:.3px 0 #e9e0d64d}
.third-note-top{left:8%;top:18%}
.third-note-bottom{right:9%;bottom:16%;font-weight:400}
.scene-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.load-error{position:absolute;bottom:15%;left:10%;right:10%;font:14px/1.5 var(--font-zine);text-align:center}
[hidden]{display:none!important}
button,a{-webkit-tap-highlight-color:transparent}
button{color:inherit;font:inherit;border:0;border-radius:0;background:none;cursor:pointer}
a{color:inherit;text-underline-offset:6px}
:focus-visible{outline:1px solid currentColor;outline-offset:7px}
.editorial-notes,.third-notes,.credits-notes,.closing-notes{pointer-events:auto;color:#f2e8df;text-shadow:0 1px 12px #26030a66}
.credits-notes{position:absolute;inset:0;opacity:0;visibility:hidden;will-change:opacity}
.closing-notes{position:absolute;inset:0;opacity:0;visibility:hidden;will-change:opacity}
.listen-title,.closing-notes h2{position:absolute;margin:0;font:600 clamp(18px,1.65vw,26px)/1.18 var(--font-zine);letter-spacing:-.045em;text-shadow:.3px 0 #e9e0d64d}
.intro-title{position:absolute;left:7%;top:49%;width:36%;margin:0;display:flex;justify-content:space-between;transform:translateY(-50%);font:600 clamp(14px,1.1vw,18px)/1 var(--font-zine);text-shadow:.3px 0 #e9e0d64d}
h2 em{font-style:normal;font-weight:inherit}
.intro-copy{position:absolute;right:8%;bottom:13%;width:28%;max-width:31ch;margin:0;font:600 16px/1.2 var(--font-zine);letter-spacing:-.035em;text-align:justify;hyphens:auto;text-shadow:.3px 0 #e9e0d64d}
.listen-title{left:8%;top:21%}
.listening-sheet{position:absolute;left:65%;right:7%;top:8%;padding:20px 0 28px;text-shadow:0 1px 10px #1c0308}
.playlist-tabs{display:flex;gap:32px;border-bottom:1px solid #f2e8df55;font:16px/1.2 var(--font-zine)}
.playlist-tabs button{position:relative;padding:12px 0 18px;opacity:.65}
.playlist-tabs button[aria-selected="true"]{opacity:1}
.playlist-tabs button[aria-selected="true"]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:currentColor}
.playlist-note{max-width:28ch;font:16px/1.5 var(--font-zine);margin:30px 0 36px}
.text-link{font:600 16px/1.3 var(--font-zine)}
.pending-note{font:12px/1.4 var(--font-zine);letter-spacing:.02em;opacity:.8;margin:16px 0 0}
.closing-notes h2{left:8%;top:26%;max-width:62%}
.closing-invite{position:absolute;left:59%;right:8%;bottom:19%}
.closing-invite>p:first-child{max-width:29ch;font:16px/1.4 var(--font-zine);margin:0 0 24px}
.collaborate-link{display:inline-block;font:600 clamp(18px,1.5vw,24px)/1.2 var(--font-zine);text-decoration:none;border-bottom:1px solid #f2e8dfaa;padding-bottom:8px}
.collaborate-link span{font-style:normal;font-size:.65em;margin-left:24px}
.collaborate-link[aria-disabled="true"]{cursor:default}
.page-controls{position:absolute;bottom:3%;right:5%;display:flex;align-items:center;gap:10px;font:12px/1 var(--font-zine);color:#f2e8df;text-shadow:0 1px 8px #240308}
.page-controls button{font:18px/1 var(--font-zine);width:44px;height:44px}
.page-controls button:disabled{opacity:.3;cursor:default}
.page-controls:not(:focus-within){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(max-width:700px){
 .book-fold{display:none}
 .intro-title{left:7%;top:48%;width:36%;font-size:14px}
 .intro-copy{right:8%;bottom:12%;width:62%;max-width:29ch;font-size:16px;line-height:1.25}
 .listen-title{left:7%;top:19%;font-size:20px}
 .listening-sheet{left:25%;right:7%;top:32%;padding-top:0}
 .playlist-tabs{gap:26px;font-size:14px}.playlist-note{font-size:14px;margin:22px 0}
 .closing-notes h2{left:7%;top:24%;max-width:88%;font-size:22px}
 .closing-invite{left:25%;right:7%;bottom:19%}.closing-invite>p:first-child{font-size:14px}
 .collaborate-link{font-size:20px}.page-controls{right:4%;bottom:2%}
}
@media(max-height:550px) and (min-width:701px){
 .listen-title{top:23%;font-size:20px}
 .intro-copy{bottom:10%;width:30%;font-size:16px}
 .listening-sheet{top:24%}.playlist-note{margin:18px 0}
 .closing-notes h2{top:25%;font-size:22px}.closing-invite{bottom:21%}
 .page-controls{bottom:1%}
}
@media(max-width:600px){.identity{top:55%;max-width:calc(100% - 32px)}h1{font-size:clamp(32px,8vw,48px)}.scroll-invitation{bottom:9%}.cover-location{top:11%;font-size:10px}.cover-quote{left:7%;top:57%;font-size:19px}.cover-mark{right:7%;top:58%;font-size:16px}.third-note{font-size:12px;line-height:1.18}.third-note-top{left:7%;top:14%}.third-note-bottom{right:7%;bottom:11%}.note{font-size:12px;line-height:1.18}.note-opening{left:7%;top:18%;width:76%}.note-middle{left:34%;top:48%;width:62%}.note-spaced{left:7%;top:72%;letter-spacing:13px}.note-ending{right:7%;bottom:10%}}
@media(prefers-reduced-motion:reduce){.ready .cover-quote[aria-pressed="false"],.sound-waves i{animation:none}.sound-waves i:nth-child(1),.sound-waves i:nth-child(4){transform:scaleY(.45)}.sound-waves i:nth-child(2),.sound-waves i:nth-child(3){transform:scaleY(.8)}}


/* Fixed-ratio second spread: image and typography share the same page. */
#photograph-b{inset:3.7037037%;width:92.5925926%;height:92.5925926%;background:#22040e}
.editorial-notes{container-type:inline-size}
.editorial-notes .intro-title{left:4%;top:var(--world-title-y,19%);width:42%;font-size:clamp(13px,1.5cqw,23px);font-weight:700;text-shadow:.45px 0 currentColor}
.editorial-notes .intro-title .word-gap{flex:0 0 1.3em}
.editorial-notes .intro-copy{right:8%;bottom:13%;width:28%;max-width:31ch;font-size:clamp(10px,1.2cqw,18px);font-weight:400;line-height:1.2}
.editorial-notes .intro-copy>span{display:block}
.editorial-notes .intro-copy>span+span{margin-top:1em}
#photograph-c{inset:3.7037037%;width:92.5925926%;height:92.5925926%;background:#22040e}
#photograph-d{inset:3.7037037%;width:92.5925926%;height:92.5925926%;background:#22040e}
.third-notes{container-type:inline-size}
.third-notes .listen-title{left:7%;top:17%}
.third-notes .listening-sheet{left:7%;right:auto;width:26%;top:auto;bottom:14%}
@media(max-width:700px){
 .editorial-notes .intro-copy{width:35%;right:5%;bottom:9%;font-size:10px}
 .third-notes .listen-title{top:12%}
 .third-notes .listening-sheet{left:7%;width:32%;bottom:10%;padding-bottom:0}
}
.third-notes .listen-title{font-size:clamp(12px,1.9cqw,26px)}
.third-notes .playlist-tabs{gap:clamp(12px,2cqw,32px);font-size:clamp(10px,1.2cqw,16px)}
.third-notes .playlist-note{font-size:clamp(10px,1.2cqw,16px);margin:2cqw 0}
.third-notes .pending-note{font-size:clamp(9px,1cqw,12px);margin-top:1cqw}
.third-notes .playlist-tabs button{padding:1cqw 0}

/* Page three: two adjacent vertical title columns inhabit the empty wall. */
.third-notes .listen-title{left:13%;top:12%;height:76%;margin:0;transform:none;display:flex;align-items:flex-start;gap:clamp(22px,3.4cqw,50px);font:700 clamp(13px,1.45cqw,21px)/1 var(--font-zine);text-shadow:.45px 0 currentColor}
.listen-column{display:flex;flex-direction:column;align-items:center;justify-content:space-between;white-space:nowrap}
.listen-column>span{display:block;line-height:1}
.listen-world{height:90%;align-self:flex-end}
.listen-mind{height:51.5%;align-self:flex-end}
.listen-world .vertical-word-gap{height:clamp(.45em,.9cqw,.8em)}
.listen-mind .vertical-word-gap{height:clamp(.34em,.66cqw,.58em)}
.spotify-profile-note{position:absolute;right:8%;top:16%;width:26%;font-family:var(--font-zine);text-align:left;text-shadow:.3px 0 #e9e0d64d}
.spotify-profile-note p{margin:0;font:400 clamp(10px,1.05cqw,15px)/1.32 var(--font-zine);letter-spacing:-.018em}
.spotify-profile-note p>span{display:block}
.spotify-profile-note p>span+span{margin-top:.9em}
.spotify-profile-note a{display:inline-block;margin-top:18px;font:600 clamp(8px,.78cqw,11px)/1.1 var(--font-zine);letter-spacing:.08em;text-decoration:none;opacity:.76}
.spotify-profile-note a[aria-disabled="true"]{cursor:default}

/* Page four: credits occupy the open ceiling and the two halves of the spread. */
.credits-notes{container-type:inline-size}
.credits-title{position:absolute;left:7%;right:7%;top:9%;margin:0;display:flex;justify-content:space-between;font:700 clamp(15px,1.7cqw,25px)/1 var(--font-zine);text-shadow:.45px 0 currentColor}
.credit-heading{position:absolute;bottom:1%;width:30%;font-family:var(--font-zine);text-align:left}
.credits-produced{left:4%}.credits-mixed{right:4%;text-align:right}
.spotify-card{position:absolute;left:0;bottom:0;width:100%;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;text-align:left;text-shadow:0 1px 10px #1b020ab8}
.credits-mixed .spotify-card{background:none}
.spotify-card-head{position:relative;display:grid;grid-template-columns:1fr;gap:10px;align-items:start;padding:7px 64px 9px 0;border:0}
.spotify-card-head img{display:none}
.credits-produced .spotify-card-head img{object-position:31% 72%}.credits-mixed .spotify-card-head img{object-position:50% 68%}
.spotify-card-copy{min-width:0;padding-top:2px;display:flex;flex-direction:column;align-items:flex-start}
.spotify-card-copy>span{display:none}
.spotify-card-copy strong{display:block;max-width:100%;margin-top:0;font:700 clamp(11px,1.18cqw,17px)/1.05 var(--font-zine);letter-spacing:.055em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spotify-card-copy small{display:block;margin-top:4px;font:400 clamp(7px,.7cqw,10px)/1.2 var(--font-zine);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spotify-mark,.spotify-play{display:none}
.spotify-play{position:absolute;right:0;bottom:9px;width:24px;height:24px;border:1px solid #fffa;border-radius:50%;place-items:center;padding:0 0 0 2px;font:7px/1 Arial,sans-serif;transition:opacity .2s ease,transform .2s ease}
.spotify-play:not(:disabled):hover{transform:scale(1.08)}
.spotify-play:disabled{opacity:.4;cursor:default}
.spotify-card[data-playing="true"] .spotify-play{padding-left:0;font-size:0}
.spotify-card[data-playing="true"] .spotify-play::before{content:'Ⅱ';font:8px/1 Arial,sans-serif;letter-spacing:-1px}
.spotify-tracks{list-style:none;margin:0;padding:3px 0 0;background:transparent}
.spotify-tracks li{min-height:27px;display:grid;grid-template-columns:17px 1fr auto;gap:6px;align-items:center;border:0;font:400 clamp(7px,.67cqw,10px)/1.1 var(--font-zine)}
.spotify-tracks li:last-child{border-bottom:0}
.spotify-tracks li>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}
.spotify-tracks b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-tracks small{font-size:.86em;opacity:.58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spotify-tracks time{font-variant-numeric:tabular-nums;opacity:.82}.track-number{opacity:.68;text-align:center}
.spotify-card>a{display:none!important}
.spotify-embed-engine{position:relative;width:100%;height:352px;margin-top:3px;overflow:hidden;isolation:isolate;clip-path:inset(0);border-radius:0;background:transparent;opacity:1;pointer-events:auto}
.spotify-embed-engine iframe{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;border:0;border-radius:0;background:transparent;color-scheme:dark}
.spotify-embed-engine::after{content:none}
.spotify-fallback{position:absolute;z-index:1;inset:0;padding:14px 0 8px;color:#f2e8df;background:linear-gradient(180deg,rgba(30,3,12,.18),rgba(57,8,22,.05));font-family:var(--font-zine);text-align:left;text-shadow:0 1px 9px #190207;pointer-events:none}
.spotify-fallback-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font:600 clamp(7px,.64cqw,10px)/1 var(--font-zine);letter-spacing:.09em;text-transform:lowercase;opacity:.78}
.spotify-fallback-label b{font-size:1.35em;font-weight:400}
.spotify-fallback ol{list-style:none;margin:0;padding:0}
.spotify-fallback li{min-height:43px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 0;font:400 clamp(7px,.68cqw,10px)/1.08 var(--font-zine)}
.spotify-fallback li i{font-style:normal;opacity:.48}
.spotify-fallback li>span{min-width:0;display:flex;flex-direction:column;gap:4px}
.spotify-fallback li b{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.spotify-fallback li small{overflow:hidden;font-size:.86em;opacity:.58;text-overflow:ellipsis;white-space:nowrap}
.spotify-fallback li time{font-size:.9em;font-variant-numeric:tabular-nums;opacity:.66}
.artist-spotify-card .spotify-embed-engine{height:152px}
.spotify-profile-note .artist-spotify-card{position:relative;left:auto;bottom:auto;width:100%;margin-top:clamp(24px,3cqw,44px)}
.artist-spotify-card .spotify-card-copy>span{display:block;font:400 clamp(7px,.62cqw,9px)/1 var(--font-zine);letter-spacing:.08em;opacity:.66}
.artist-spotify-card .spotify-card-head{padding-top:0}

/* Page five: a sparse invitation and a translucent writing surface. */
.closing-notes h2{left:7%;top:50%;width:calc(43% - 24px);max-width:none;margin:0;transform:translateY(-50%);font:400 clamp(15px,1.7vw,25px)/1.48 var(--font-zine);letter-spacing:.105em;text-transform:none;text-shadow:.45px 0 currentColor}
.contact-links{position:absolute;right:1%;bottom:17%;width:33%;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(22px,3.3vh,38px)}
.contact-link{display:inline-flex;align-items:center;gap:clamp(12px,1.4vw,21px);max-width:100%;min-height:28px;color:#f2e8df;text-decoration:none;font:400 clamp(10px,1vw,15px)/1.35 var(--font-zine);letter-spacing:.055em;opacity:.88;transition:opacity .25s ease,transform .25s ease}
.contact-link span{overflow-wrap:anywhere}
.contact-link svg{flex:none;width:20px;height:20px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.contact-link .social-dot{fill:currentColor;stroke:none}
.contact-link[aria-disabled="true"]{cursor:default;opacity:.58}
.contact-link:not([aria-disabled="true"]):hover{opacity:1;transform:translateX(3px)}

@media(max-width:700px){
 .editorial-notes .intro-title{left:4%;width:44%;font-size:11px}
 .editorial-notes .intro-title .word-gap{flex-basis:.7em}
 .third-notes .listen-title{left:9%;top:11%;height:72%;gap:18px;font-size:12px}
 .listen-world{height:90%}.listen-mind{height:51.5%}.listen-world .vertical-word-gap{height:.52em}.listen-mind .vertical-word-gap{height:.4em}
 .spotify-profile-note{right:7%;top:13%;width:31%}.spotify-profile-note p{font-size:8px}.spotify-profile-note a{margin-top:8px;font-size:7px}.spotify-profile-note .artist-spotify-card{margin-top:20px}
 .credits-title{left:6%;right:6%;top:8%;font-size:12px}
 .credit-heading{bottom:.5%;width:35%}.credits-produced{left:3%}.credits-mixed{right:3%}
 .spotify-card-head{grid-template-columns:1fr;padding:6px 25px 7px 0;gap:7px}.spotify-play{right:0;bottom:7px;width:18px;height:18px;font-size:5px}
 .spotify-card-copy strong{font-size:9px}.spotify-card-copy small{font-size:7px}.spotify-card-copy>span{font-size:6px}
 .spotify-embed-engine,.artist-spotify-card .spotify-embed-engine{height:352px}
 .closing-notes h2{left:7%;top:25%;width:86%;font-size:12px;line-height:1.42}
 .contact-links{left:24%;right:1%;bottom:14%;width:auto;gap:clamp(18px,3vh,28px)}
 .contact-link{font-size:clamp(9px,2.7vw,12px);gap:13px}
 .sound-dock{left:5%;bottom:3.5%;width:28px;height:28px}
}

/* Spotify: editorial track listings with a compact, real Spotify player. */
.credit-heading{bottom:7%;width:31.5%;}
.credits-produced{left:5.5%}.credits-mixed{right:5.5%}
.spotify-card{position:relative;left:auto;bottom:auto;width:100%;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;text-align:left;text-shadow:0 1px 9px #1b020ab8}
.credits-mixed .spotify-card{text-align:right}
.spotify-card-head{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:0 0 5px;border:0}
.spotify-card-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:0}
.credits-mixed .spotify-card-copy{align-items:flex-end}
.spotify-card-copy>span{display:none}
.spotify-card-copy strong{display:block;max-width:100%;margin:0;font:600 clamp(10px,1.16cqw,17px)/1.05 var(--font-zine);letter-spacing:.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spotify-card-copy small{display:block;margin-top:4px;font:400 clamp(7px,.7cqw,10px)/1.2 var(--font-zine);opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spotify-playlist-start,.spotify-card .spotify-playlist-start{display:inline-flex!important;flex:0 0 auto;align-items:center;gap:7px;margin:0;padding:2px 0;color:inherit;font:500 clamp(7px,.66cqw,10px)/1.2 var(--font-zine);letter-spacing:.055em;text-decoration:none;text-transform:lowercase;opacity:.76;transition:opacity .2s ease}
.spotify-playlist-start:hover{opacity:1}
.spotify-list-meta{margin:4px 0 3px;font:400 clamp(6px,.58cqw,8px)/1.2 var(--font-zine);letter-spacing:.045em;opacity:.62}
.spotify-track-scroll{max-height:108px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#f2e8dfb8 #ffffff12;scrollbar-gutter:stable}
.spotify-track-scroll::-webkit-scrollbar{width:4px}.spotify-track-scroll::-webkit-scrollbar-thumb{background:#f2e8dfb8;border-radius:3px}.spotify-track-scroll::-webkit-scrollbar-track{background:#ffffff12;border-radius:3px}
.spotify-track-row{position:relative;display:grid;grid-template-columns:19px minmax(0,1fr) auto 10px;gap:6px;align-items:center;min-height:27px;padding:2px 3px 2px 0;color:inherit;text-decoration:none;text-shadow:inherit;font:400 clamp(7px,.67cqw,10px)/1.08 var(--font-zine);transition:color .18s ease,background .18s ease}
.spotify-track-row:hover,.spotify-track-row:focus-visible{color:#fff7ed;background:#fff1}
.spotify-track-index{font-variant-numeric:tabular-nums;text-align:left;opacity:.58;font-size:.88em}
.spotify-track-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.spotify-track-copy b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.spotify-track-copy small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84em;opacity:.62}
.spotify-track-row time{font-size:.84em;font-variant-numeric:tabular-nums;opacity:.7}
.spotify-track-play{font:7px/1 Arial,sans-serif;opacity:.58}
.spotify-card[data-playing="true"] .spotify-track-row:focus,.spotify-card[data-playing="pending"] .spotify-track-play{opacity:1}
.spotify-embed-engine{position:relative;width:100%;max-width:280px;height:152px;margin:10px 0 0;overflow:hidden;isolation:isolate;border-radius:12px;background:rgba(35,29,31,.18);opacity:1;pointer-events:auto}
.credits-mixed .spotify-embed-engine{margin-left:auto}
.spotify-embed-engine iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;border-radius:12px;background:transparent;color-scheme:dark;filter:none}
.spotify-embed-engine::after{content:none}
.spotify-card>iframe{display:block;width:min(100%,280px);height:152px;margin:10px 0 0;border:0;border-radius:12px;background:transparent;color-scheme:dark;filter:none}
.credits-mixed .spotify-card>iframe{margin-left:auto}
.spotify-profile-note .artist-spotify-card{position:relative;left:auto;bottom:auto;width:100%;margin-top:clamp(18px,2.1cqw,30px)}
.artist-spotify-card .spotify-card-head{padding-top:0}
.artist-spotify-card .spotify-card-copy>span{display:block;font:400 clamp(7px,.62cqw,9px)/1 var(--font-zine);letter-spacing:.08em;opacity:.66}
.artist-spotify-card .spotify-card-copy strong{margin-top:3px}
.artist-spotify-card .spotify-track-scroll{max-height:108px}
.artist-spotify-card .spotify-track-row{min-height:28px}
@media(max-width:700px){
 .credit-heading{bottom:6%;width:37%}.credits-produced{left:3%}.credits-mixed{right:3%}
 .spotify-card-head{gap:4px;padding-bottom:4px}
 .spotify-card-copy strong{font-size:clamp(7px,1.8cqw,11px)}
 .spotify-card-copy small{font-size:clamp(6px,1.25cqw,8px)}
 .spotify-playlist-start,.spotify-card .spotify-playlist-start{font-size:clamp(5px,1.1cqw,7px);gap:3px}
 .spotify-list-meta{font-size:clamp(5px,.95cqw,7px)}
 .spotify-track-scroll{max-height:88px}
 .spotify-track-row{grid-template-columns:13px minmax(0,1fr) auto 8px;gap:3px;min-height:22px;font-size:clamp(5px,1.05cqw,7px)}
 .spotify-track-play{font-size:6px}
 .spotify-embed-engine{width:100%;max-width:none;height:152px;margin-top:5px;border-radius:10px}
 .spotify-embed-engine iframe{border-radius:10px}
 .spotify-card>iframe{height:152px;margin-top:5px;border-radius:10px}
 .artist-spotify-card .spotify-track-scroll{max-height:88px}
 .spotify-profile-note .artist-spotify-card{margin-top:14px}
}

/* Credits listening room: Spotify artwork on the sleeve, live playlist on the reverse. */
.credits-listen-open{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 0;border:0;border-bottom:1px solid #f2e8df70;background:transparent;color:#f2e8df;font:600 clamp(10px,1.08cqw,15px)/1.2 var(--font-zine);letter-spacing:.07em;text-transform:lowercase;cursor:pointer;text-shadow:0 1px 9px #1b020ab8;transition:gap .25s ease,opacity .25s ease}
.credits-listen-open:hover,.credits-listen-open:focus-visible{gap:19px;opacity:.85}
.listen-room{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8% 7% 6%;background:radial-gradient(ellipse at 50% 48%,rgba(38,8,17,.82),rgba(23,4,10,.90));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease}
.listen-room.is-open{opacity:1;visibility:visible;pointer-events:auto}
.credits-notes.room-open .credits-listen-open{opacity:0;pointer-events:none}
.listen-room-kicker{position:absolute;top:13%;left:50%;transform:translateX(-50%);margin:0;font:400 clamp(7px,.72cqw,10px)/1 var(--font-zine);letter-spacing:.14em;text-transform:uppercase;opacity:.62;white-space:nowrap}
.listen-room-close{position:absolute;top:8%;right:7%;display:flex;align-items:center;gap:9px;padding:8px 0;border:0;background:none;color:inherit;font:400 clamp(8px,.72cqw,10px)/1 var(--font-zine);letter-spacing:.08em;text-transform:lowercase;cursor:pointer;opacity:.7}
.listen-room-close:hover{opacity:1}.listen-room-close span{font:300 18px/1 Arial,sans-serif}
.listen-carousel{width:min(100%,920px);display:flex;align-items:center;justify-content:center;gap:clamp(28px,7vw,100px);overflow-x:auto;overflow-y:visible;padding:12px 12px 22px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.listen-carousel::-webkit-scrollbar{display:none}
.listen-vinyl-card{position:relative;flex:0 0 clamp(235px,27vw,340px);height:clamp(330px,48vh,430px);perspective:1200px;scroll-snap-align:center;outline:none;isolation:isolate}
.listen-vinyl-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .78s cubic-bezier(.2,.72,.18,1)}
.listen-vinyl-card:hover .listen-vinyl-inner,.listen-vinyl-card:focus-within .listen-vinyl-inner,.listen-vinyl-card.is-flipped .listen-vinyl-inner{transform:rotateY(180deg)}
.listen-vinyl-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #f2e8df30;background:#170d10;box-shadow:0 22px 60px #09020570;border-radius:18px 13px 20px 12px;animation:warped-sleeve 8s ease-in-out infinite alternate}
@keyframes warped-sleeve{0%{border-radius:18px 13px 20px 12px}50%{border-radius:13px 19px 12px 21px}100%{border-radius:20px 12px 16px 15px}}
.listen-vinyl-front{display:flex;flex-direction:column;justify-content:flex-end;transform:rotateY(0deg);padding:0 20px 18px;background:linear-gradient(180deg,#171013 0%,#211418 100%)}
.listen-cover{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:1;object-fit:cover;opacity:.9;transition:transform .9s cubic-bezier(.2,.72,.18,1),opacity .4s ease}
.listen-vinyl-card:hover .listen-cover,.listen-vinyl-card.is-flipped .listen-cover{transform:scale(1.045)}
.listen-cover-shade{position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent 0%,#100509a8 58%,#100509ef 100%)}
.listen-cover-title,.listen-cover-byline{position:relative;z-index:1;text-shadow:0 2px 18px #000b}
.listen-cover-title{font:600 clamp(13px,1.5cqw,20px)/1.15 var(--font-zine);letter-spacing:.04em}
.listen-cover-byline{display:flex;justify-content:space-between;margin-top:8px;font:400 clamp(8px,.8cqw,11px)/1.2 var(--font-zine);opacity:.74}
.listen-vinyl-back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;padding:clamp(16px,2vw,24px);background:rgba(20,11,14,.96)}
.listen-vinyl-back .credit-heading{position:relative;left:auto;right:auto;bottom:auto;width:100%;max-height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#f2e8df60 transparent}
.listen-vinyl-back .spotify-card{max-width:none;text-shadow:none}
.listen-vinyl-back .spotify-card-head{align-items:center;padding-bottom:8px}
.listen-vinyl-back .spotify-card-copy strong{font-size:clamp(10px,1.05cqw,14px)}
.listen-vinyl-back .spotify-card-copy small{font-size:clamp(7px,.7cqw,9px)}
.listen-vinyl-back .spotify-playlist-start{font-size:clamp(7px,.62cqw,9px)}
.listen-vinyl-back .spotify-list-meta{margin:3px 0;font-size:clamp(6px,.54cqw,7px)}
.listen-vinyl-back .spotify-track-scroll{max-height:92px;overscroll-behavior:contain}
.listen-vinyl-back .spotify-track-row{min-height:23px;font-size:clamp(7px,.61cqw,9px)}
.listen-vinyl-back .spotify-embed-engine,.listen-vinyl-back .spotify-card>iframe{width:100%;max-width:none;height:152px;margin-top:9px;border-radius:10px}
.listen-room-hint{position:absolute;bottom:5%;margin:0;font:400 clamp(7px,.63cqw,9px)/1 var(--font-zine);letter-spacing:.08em;opacity:.46}
@media(max-width:700px){
 .credits-listen-open{bottom:7%;font-size:9px}
 .listen-room{padding:15% 5% 11%}
 .listen-room-kicker{top:11%;font-size:7px}
 .listen-room-close{top:6%;right:6%;font-size:7px}
 .listen-carousel{justify-content:flex-start;gap:18px;width:100%;padding:10px max(7vw,24px) 20px;scroll-padding-inline:max(7vw,24px)}
 .listen-vinyl-card{flex-basis:min(78vw,320px);height:min(68vh,410px)}
 .listen-vinyl-back{padding:15px}
 .listen-vinyl-back .spotify-card-copy strong{font-size:10px}
 .listen-vinyl-back .spotify-card-copy small{font-size:7px}
 .listen-vinyl-back .spotify-playlist-start{font-size:6px}
 .listen-vinyl-back .spotify-list-meta{font-size:6px}
 .listen-vinyl-back .spotify-track-scroll{max-height:78px}
 .listen-vinyl-back .spotify-track-row{grid-template-columns:13px minmax(0,1fr) auto 8px;min-height:20px;font-size:6px}
 .listen-vinyl-back .spotify-embed-engine,.listen-vinyl-back .spotify-card>iframe{height:152px}
 .listen-room-hint{bottom:5%;font-size:6px}
}
@media(prefers-reduced-motion:reduce){.listen-vinyl-face{animation:none}.listen-vinyl-inner{transition-duration:.01ms}.credits-listen-open{transition:none}}

/* Credits listening room: two playable, artwork-led Spotify carousels. */
.listen-room{justify-content:center;gap:clamp(12px,2.4vh,24px);padding:7% 6% 6%;background:radial-gradient(ellipse at 50% 46%,rgba(48,8,19,.78),rgba(21,4,10,.9))}
.listen-room-kicker{top:11%;font-size:clamp(7px,.7cqw,10px)}
.listen-room-content{width:min(100%,1120px);display:flex;flex-direction:column;gap:clamp(15px,2.6vh,26px);min-height:0}
.listen-track-group{min-width:0;transition:opacity .3s ease}
.listen-track-group:not(.is-active){opacity:.86}
.listen-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 1px 7px;color:#f2e8df;font-family:var(--font-zine);text-shadow:0 1px 9px #1b020ab8}
.listen-row-head h3{margin:0;font:600 clamp(10px,1cqw,14px)/1.2 var(--font-zine);letter-spacing:.065em}
.listen-row-head .spotify-list-meta{margin:4px 0 0;font-size:clamp(6px,.56cqw,8px);letter-spacing:.05em;opacity:.55}
.listen-row-head .spotify-playlist-start{font-size:clamp(7px,.65cqw,9px);letter-spacing:.06em;text-decoration:none}
.listen-track-rail{position:relative;display:flex;align-items:flex-start;gap:0;width:100%;min-width:0;max-height:none;padding:7px 2.3% 12px;overflow-x:scroll!important;overflow-y:hidden!important;overscroll-behavior-x:contain;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;touch-action:auto;scroll-snap-type:none;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}
.listen-track-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}
.listen-track-rail::-webkit-scrollbar{height:3px}
.listen-track-rail::-webkit-scrollbar-thumb{background:#f2e8df66;border-radius:3px}
.listen-track-rail::-webkit-scrollbar-track{background:transparent}
.listen-rail-indicator{position:relative;width:95.4%;height:2px;margin:0 auto;background:#f1dfdc1c;overflow:hidden}
.listen-rail-indicator span{position:absolute;top:0;left:0;width:23%;height:100%;background:#f1dfdc86;transform:translateX(0);transition:transform .08s linear,width .2s ease}
.listen-track-set{display:flex;align-items:flex-start;flex:0 0 auto;gap:clamp(22px,2.2vw,30px);padding-right:clamp(22px,2.2vw,30px)}
.listen-track-tile{display:flex;flex:0 0 clamp(160px,19vw,230px);flex-direction:column;gap:9px;min-width:0;padding:0 0 4px;color:#f2e8df;text-decoration:none;text-shadow:0 1px 9px #1b020ab8;transform:perspective(460px) rotateY(var(--tile-y,0deg)) scaleX(var(--tile-compress,1)) scale(var(--tile-scale,1)) translateY(var(--tile-lift,0px));transform-origin:center 65%;transition:color .12s ease,opacity .12s ease}
.listen-track-tile.is-warp-active{will-change:transform}
.listen-track-tile:hover,.listen-track-tile:focus-visible,.listen-track-tile.is-selected{color:#fff8ef;outline:0}
.listen-track-art{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border:0;border-radius:8px;background:transparent;box-shadow:0 7px 18px #0d02084d;isolation:isolate}
.listen-track-art img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;-webkit-filter:blur(var(--tile-blur,0px));filter:blur(var(--tile-blur,0px));backface-visibility:hidden;-webkit-backface-visibility:hidden}
.listen-track-art.has-cover img{opacity:1}
.listen-track-tile:hover .listen-track-art,.listen-track-tile:focus-visible .listen-track-art,.listen-track-tile.is-selected .listen-track-art{box-shadow:0 9px 22px #0d020877}
.listen-track-art:not(.has-cover)::before{position:absolute;inset:0;display:grid;place-items:center;content:'♪';color:#f4dfd7a8;font:400 27px/1 var(--font-zine);}
.listen-track-play{position:absolute;right:7px;bottom:7px;z-index:1;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f5e9e4;color:#251017;font:9px/1 Arial,sans-serif;opacity:0;transform:translateY(3px);transition:opacity .2s ease,transform .2s ease}
.listen-track-tile:hover .listen-track-play,.listen-track-tile:focus-visible .listen-track-play,.listen-track-tile.is-selected .listen-track-play{opacity:1;transform:none}
.listen-track-copy{display:flex;flex-direction:column;gap:3px;min-width:0;padding:0 2px;font:400 clamp(7px,.64cqw,9px)/1.15 var(--font-zine)}
.listen-track-copy b,.listen-track-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.listen-track-copy b{font-weight:600;letter-spacing:.012em}
.listen-track-copy small{font-size:.88em;opacity:.62}
.listen-track-tile.is-selected .listen-track-copy b{color:#fff8ef}
.listen-player-stage{position:relative;width:min(330px,100%);height:152px;flex:0 0 152px;overflow:hidden;opacity:.88;transition:opacity .25s ease;}
.listen-player-stage:not(.has-selection){opacity:.58}
.listen-player-label{position:absolute;top:0;left:0;right:0;z-index:1;margin:0;padding:0 0 5px;color:#f2e8df;font:400 clamp(6px,.55cqw,8px)/1 var(--font-zine);letter-spacing:.08em;opacity:.72;text-shadow:0 1px 8px #1b020ab8;pointer-events:none}
.listen-player-stage:not(.has-selection) .listen-player-label{top:50%;text-align:center;transform:translateY(-50%)}
.listen-player-stage.has-selection .listen-player-label{display:none}
.listen-playback-card{position:absolute;inset:0;display:none!important;width:100%;height:100%;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.listen-playback-card.is-active{display:block!important}
.listen-player-stage .spotify-embed-engine{position:absolute;inset:0;width:100%;height:152px;max-width:none;margin:0;border-radius:12px;background:transparent}
.listen-player-stage .spotify-embed-engine iframe{border-radius:12px}
.listen-room-hint{bottom:3.6%;font-size:clamp(6px,.58cqw,8px);opacity:.48}
@media(max-width:700px){
 .listen-room{justify-content:center;gap:12px;padding:15% 5% 12%}
 .listen-room-kicker{top:10%;font-size:7px}
 .listen-room-close{top:5.5%;right:6%}
 .listen-room-content{gap:clamp(13px,2.1vh,19px)}
 .listen-row-head{margin-bottom:4px}
 .listen-row-head h3{font-size:9px}
 .listen-row-head .spotify-list-meta{font-size:6px}
 .listen-row-head .spotify-playlist-start{font-size:6px}
 .listen-track-rail{gap:0;padding:5px 5% 6px;scroll-padding-inline:5%}
 .listen-track-set{gap:18px;padding-right:18px}
 .listen-track-tile{flex-basis:clamp(132px,42vw,188px);gap:7px}
 .listen-track-art{border-radius:10% 7% 12% 8% / 8% 12% 7% 10%}
 .listen-track-play{width:21px;height:21px;right:5px;bottom:5px}
 .listen-track-copy{font-size:7px;line-height:1.1}
 .listen-player-stage{height:152px;flex-basis:152px;width:min(300px,100%)}
 .listen-room-hint{bottom:4%;font-size:6px}
}
@media(max-height:620px) and (min-width:701px){
 .listen-room{padding-top:8%;padding-bottom:5%;gap:8px}
 .listen-room-kicker{top:6%}
 .listen-room-content{gap:9px}
 .listen-player-stage{height:120px;flex-basis:120px}
 .listen-player-stage .spotify-embed-engine{height:120px}
 .listen-room-hint{bottom:2%}
}
@media(prefers-reduced-motion:reduce){.listen-track-tile{transition:none}}

/* Turn the credits photograph into a full-screen listening room. */
.listen-room-photo{position:fixed;z-index:5;display:block;max-width:none;pointer-events:none;object-fit:fill;opacity:0;will-change:transform,filter,opacity}
.credits-notes.room-open .credits-title,.credits-notes.room-open .credits-listen-open{opacity:0;filter:blur(9px);transition:opacity .34s ease,filter .55s ease;pointer-events:none}
.listen-room{z-index:6;transform:translate3d(102vw,0,0);filter:blur(14px);background-color:#080708;background-image:radial-gradient(ellipse at 50% 47%,#1a1014 0%,#0a0809 72%);transition:transform 1.22s cubic-bezier(.25,.72,.18,1),filter 1.1s ease,opacity 1.05s ease,visibility 1.22s ease}
.credits-notes.room-open .listen-room{position:fixed;inset:0;width:100vw;height:100svh;transform:translate3d(0,0,0);filter:blur(0)}
.credits-notes.room-returning .listen-room{position:fixed;inset:0;width:100vw;height:100svh;transform:translate3d(102vw,0,0);filter:blur(14px)}
.credits-notes.room-open .listen-room.is-preparing{position:fixed;inset:0;width:100vw;height:100svh;visibility:hidden;opacity:0;transform:translate3d(102vw,0,0);filter:blur(14px)}
.listen-room::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.listen-room>*{z-index:1}
.listen-room-content{width:min(100%,1120px);overflow:visible}
.listen-track-group{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:12px clamp(24px,6.5vw,104px) 38px;isolation:isolate}
.listen-row-head,.listen-track-rail,.listen-rail-indicator{position:relative;z-index:2}
.listen-shelf{position:absolute;z-index:0;left:0;right:0;bottom:7px;height:32px;pointer-events:none}
.listen-shelf-back{position:absolute;left:0;right:0;bottom:17px;height:3px;background:linear-gradient(180deg,#d8d1cc3b,#77716e35);box-shadow:0 0 12px #bc18352b}
.listen-shelf-board{position:absolute;left:0;right:0;bottom:5px;height:9px;border-top:1px solid #eee3dc80;border-bottom:2px solid #181516;background:linear-gradient(180deg,#c7beb96b 0%,#80787483 22%,#555052 58%,#211d1f 100%);box-shadow:0 3px 5px #000c,0 8px 22px #a8173038}
.listen-shelf-bracket{position:absolute;bottom:-1px;width:7px;height:22px;border:1px solid #938c8877;border-top:0;background:linear-gradient(90deg,#201c1e,#a7a09c99 48%,#292527);box-shadow:0 4px 9px #0009}
.listen-shelf-bracket-left{left:7%}.listen-shelf-bracket-right{right:7%}
.listen-track-set{gap:clamp(30px,3vw,44px);padding-right:clamp(30px,3vw,44px)}
@keyframes listen-turn-right{0%{transform:translate3d(0,0,0) scale(1);filter:blur(0);opacity:1}100%{transform:translate3d(-105vw,0,0) scale(1.08) rotate(-1deg);filter:blur(18px);opacity:0}}
@keyframes listen-turn-return{0%{transform:translate3d(-105vw,0,0) scale(1.08) rotate(-1deg);filter:blur(18px);opacity:0}100%{transform:translate3d(0,0,0) scale(1);filter:blur(0);opacity:1}}
.credits-notes.room-opening .listen-room-photo{animation:listen-turn-right 1.22s cubic-bezier(.25,.72,.18,1) both}
.credits-notes.room-returning .listen-room-photo{animation:listen-turn-return 1.22s cubic-bezier(.25,.72,.18,1) both}
@media(max-width:700px){
 .listen-track-group{padding:9px 7vw 30px}
 .listen-track-set{gap:20px;padding-right:20px}
 .credits-notes.room-open .listen-room{height:100dvh}
}
@media(prefers-reduced-motion:reduce){
 .listen-room,.credits-notes.room-open .listen-room,.credits-notes.room-open .listen-room.is-preparing{transition-duration:.01ms;transform:none;filter:none;visibility:hidden}
 .credits-notes.room-open .listen-room.is-open{visibility:visible}
 .listen-room-photo,.credits-notes.room-opening .listen-room-photo,.credits-notes.room-returning .listen-room-photo{display:none;animation:none}
 .credits-notes.room-open .credits-title,.credits-notes.room-open .credits-listen-open{transition:none}
}

/* Listening room rebuild: stable cover geometry, hidden native scrollbar, dimensional wall shelves. */
.listen-room{
  position:absolute;inset:0;z-index:6;display:flex;justify-content:center;gap:clamp(18px,3vh,30px);
  overflow:hidden;padding:7% 0 5%;color:#f2e8df;background:#070708;
  background-image:radial-gradient(ellipse at 50% 37%,rgba(111,10,29,.27),transparent 57%),linear-gradient(180deg,#09090a 0%,#0d090b 54%,#050506 100%);
  opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(9vw,0,0) scale(.985);
  transition:transform 1.15s cubic-bezier(.16,1,.3,1),opacity .88s ease,visibility 1.15s;
  will-change:transform,opacity
}
.listen-room.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1)}
.credits-notes.room-open .listen-room{position:fixed;inset:0;width:100vw;height:100svh}
.credits-notes.room-open .listen-room.is-preparing{visibility:hidden;opacity:0;pointer-events:none;transform:translate3d(9vw,0,0) scale(.985)}
.credits-notes.room-returning .listen-room{position:fixed;inset:0;width:100vw;height:100svh;visibility:visible;pointer-events:none;opacity:0;transform:translate3d(9vw,0,0) scale(.985)}
.listen-room::before{opacity:.07;mix-blend-mode:soft-light}
.listen-room-content{width:100%;max-width:none;overflow:visible;gap:clamp(18px,3vh,30px)}
.listen-track-group{padding-top:12px;padding-bottom:42px}
.listen-track-rail{overflow-x:scroll!important;scrollbar-width:none!important;-ms-overflow-style:none;scroll-behavior:auto;gap:0;touch-action:pan-x pan-y;overscroll-behavior-x:contain;cursor:grab}
.listen-track-rail::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent}
.listen-track-rail::-webkit-scrollbar-thumb,.listen-track-rail::-webkit-scrollbar-track{display:none!important;background:transparent}
.listen-rail-indicator{display:none!important}
.listen-track-set{gap:clamp(30px,3vw,44px);padding-right:clamp(30px,3vw,44px)}
.listen-track-tile{position:relative;z-index:auto;display:flex;flex:0 0 clamp(160px,19vw,230px);width:clamp(160px,19vw,230px);min-width:clamp(160px,19vw,230px);max-width:clamp(160px,19vw,230px);min-height:0;align-items:stretch;gap:22px;padding:0;transform:none!important;transition:color .16s ease,background .16s ease;background:transparent!important;contain:layout}
.listen-track-tile.is-warp-active{will-change:auto}
.listen-track-tile:hover,.listen-track-tile:focus-visible,.listen-track-tile.is-selected{z-index:auto;background:transparent!important}
.listen-track-art{flex:0 0 100%;width:100%;transform:none!important;overflow:hidden;isolation:isolate;perspective:520px;box-shadow:0 15px 26px rgba(0,0,0,.38),0 1px 0 rgba(255,255,255,.12)}
.listen-track-art img{position:absolute;inset:-14%;width:128%;height:128%;max-width:none;transform:perspective(520px) rotateY(var(--tile-y,0deg)) scaleX(var(--tile-compress,1)) scale(var(--tile-scale,1)) translateY(var(--tile-lift,0px));transform-origin:center 58%;-webkit-filter:blur(var(--tile-blur,0px));filter:blur(var(--tile-blur,0px));transition:none;will-change:auto}
.listen-track-tile.is-warp-active .listen-track-art img{will-change:transform,filter}
.listen-track-copy{position:relative;z-index:2;gap:4px;text-shadow:0 1px 8px #000d}
.listen-track-copy b{font-size:clamp(8px,.72cqw,10px)}
.listen-shelf{top:45%;bottom:auto;height:46px;left:0;right:0;z-index:1;pointer-events:none;filter:drop-shadow(0 10px 13px rgba(0,0,0,.52))}
.listen-shelf-back{left:0;right:0;bottom:15px;height:22px;border:1px solid #c8c5c455;border-bottom-color:#252427;background:linear-gradient(180deg,#8c8989 0%,#484649 18%,#272629 78%,#181719 100%);box-shadow:inset 0 1px 0 #f5f1ed66,0 -1px 18px rgba(212,26,55,.3),0 -8px 38px rgba(166,13,40,.16)}
.listen-shelf-board{left:0;right:0;bottom:8px;height:11px;border:0;border-top:1px solid #f0eeeb;border-bottom:2px solid #282729;background:linear-gradient(180deg,#e0dfdc 0%,#a5a3a1 16%,#656365 41%,#343235 80%,#1b1a1c 100%);box-shadow:0 2px 4px #fff3 inset,0 8px 12px #000b}
.listen-shelf-front{position:absolute;left:0;right:0;bottom:5px;height:4px;background:linear-gradient(180deg,#bbb9b7,#555356 48%,#171719);box-shadow:0 1px 0 #f4f1ed88,0 4px 8px #000b}
.listen-shelf-bracket{position:absolute;bottom:-2px;width:clamp(22px,2.8vw,34px);height:30px;border:0;background:transparent}
.listen-shelf-bracket::before{content:"";position:absolute;inset:1px 0 0;clip-path:polygon(0 0,100% 0,100% 100%);background:linear-gradient(90deg,#343437,#d5d3d1 22%,#777679 46%,#e4e1df 62%,#38373a);filter:drop-shadow(0 2px 2px #0009)}
.listen-shelf-bracket::after{content:"";position:absolute;top:5px;left:5px;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#8e8c8d 45%,#333235 74%);box-shadow:0 0 0 1px #29282a}
.listen-shelf-bracket-left{left:9%}
.listen-shelf-bracket-center{left:calc(50% - clamp(11px,1.5vw,19px))}
.listen-shelf-bracket-right{right:9%;transform:scaleX(-1)}
.listen-room-kicker{top:7.5%;letter-spacing:.2em;opacity:.62}
.listen-room-close{top:6%;right:6%;z-index:5}
.listen-room-hint{bottom:3%;opacity:.4}
.credits-notes.room-open .credits-title,.credits-notes.room-open .credits-listen-open{opacity:0;filter:blur(5px);transition:opacity .55s ease,filter .65s ease;pointer-events:none}
.credits-notes.room-opening .listen-room{transform:translate3d(9vw,0,0) scale(.985)}
.credits-notes.room-opening .listen-room.is-open{transform:translate3d(0,0,0) scale(1)}
@media(max-width:700px){
 .listen-room{padding:16% 0 8%;gap:14px;transform:translate3d(8vw,0,0) scale(.99)}
 .credits-notes.room-open .listen-room.is-preparing{transform:translate3d(8vw,0,0) scale(.99)}
 .credits-notes.room-returning .listen-room{transform:translate3d(8vw,0,0) scale(.99)}
 .listen-room-content{gap:clamp(16px,2.7vh,22px)}
 .listen-track-group{padding:8px 7vw 39px}
 .listen-track-set{gap:20px;padding-right:20px}
 .listen-track-tile{flex-basis:clamp(132px,42vw,188px);width:clamp(132px,42vw,188px);min-width:clamp(132px,42vw,188px);max-width:clamp(132px,42vw,188px);gap:19px}
 .listen-shelf{height:41px}
 .listen-shelf-back{bottom:13px;height:19px}
 .listen-shelf-board{bottom:7px;height:10px}
 .listen-shelf-front{bottom:4px;height:3px}
 .listen-shelf-bracket{width:20px;height:27px}
 .listen-shelf-bracket-center{left:calc(50% - 10px)}
 .listen-room-kicker{top:8%}
}
@media(prefers-reduced-motion:reduce){
 .listen-room,.listen-room.is-open,.credits-notes.room-open .listen-room.is-preparing,.credits-notes.room-returning .listen-room{transition-duration:.01ms;transform:none}
 .listen-track-art img{transition:none}
 .credits-notes.room-open .credits-title,.credits-notes.room-open .credits-listen-open{transition:none}
}

/* Listening room: remove the shelf set and carry the site's dark crimson print mood. */
.listen-room{
  background-color:#050405;
  background-image:
    radial-gradient(ellipse 74% 52% at 50% 43%,rgba(102,8,29,.42) 0%,rgba(63,5,19,.27) 34%,transparent 76%),
    radial-gradient(ellipse 80% 36% at 50% 100%,rgba(67,5,23,.35),transparent 78%),
    linear-gradient(180deg,#10040a 0%,#080609 60%,#030304 100%);
}
.listen-room::before{opacity:.1}
.listen-shelf{display:none!important}
.listen-track-group{padding-bottom:18px}
@media(max-width:700px){.listen-track-group{padding-bottom:14px}}

/* Final listening-room and credits composition. Keep the photo artwork intact. */
.credits-title{
  top:50%;
  transform:translateY(-50%);
}
.credits-listen-open{
  left:auto;
  right:8%;
  top:61%;
  bottom:auto;
  transform:none;
}
.listen-room{
  justify-content:flex-start;
  gap:0;
  padding:clamp(76px,10vh,108px) clamp(24px,5vw,80px) 54px;
  background-image:
    radial-gradient(ellipse 76% 54% at 50% 42%,rgba(112,9,31,.46) 0%,rgba(67,5,20,.30) 36%,transparent 77%),
    radial-gradient(ellipse 82% 38% at 50% 100%,rgba(75,5,25,.37),transparent 78%),
    linear-gradient(180deg,#10040a 0%,#080609 60%,#030304 100%);
  transform:none;
  transition:opacity .72s cubic-bezier(.22,.72,.22,1),visibility .72s;
  will-change:opacity;
}
.listen-room.is-open{transform:none}
.credits-notes.room-open .listen-room.is-preparing{transform:none}
.credits-notes.room-returning .listen-room{transform:none}
.listen-room::before{opacity:.14;mix-blend-mode:soft-light}
.listen-room-kicker{top:5.3%;}
.listen-room-close{top:4.5%;}
.listen-room-content{
  flex:1 1 auto;
  width:100%;
  min-height:0;
  display:flex;
  justify-content:center;
  gap:clamp(10px,1.7vh,17px);
}
.listen-track-group{
  flex:1 1 0;
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:7px clamp(16px,3vw,42px) 8px;
}
.listen-track-rail{flex:1 1 auto;min-height:0;align-items:center;padding:7px 2.3% 4px;}
.listen-track-tile{
  flex:0 0 clamp(140px,min(18vw,22vh),210px);
  width:clamp(140px,min(18vw,22vh),210px);
  min-width:clamp(140px,min(18vw,22vh),210px);
  max-width:clamp(140px,min(18vw,22vh),210px);
  flex-direction:column;
  align-items:stretch;
  gap:10px;
}
.listen-track-art{flex:0 0 auto;width:100%;height:auto;aspect-ratio:1;}
.listen-player-stage{
  flex:0 0 152px;
  width:min(360px,100%);
  height:152px;
  margin:0 0 17px;
  opacity:1;
}
.listen-player-stage:not(.has-selection){opacity:.76}
.listen-room-hint{bottom:2%;}
.credits-notes.room-opening .listen-room,
.credits-notes.room-opening .listen-room.is-open,
.credits-notes.room-open .listen-room.is-preparing,
.credits-notes.room-returning .listen-room{transform:none;filter:none;}
@media(max-width:700px){
  .credits-title{top:47%;}
  .credits-listen-open{right:7%;top:59%;font-size:8px;}
  .listen-room{padding:70px 0 48px;}
  .listen-room-kicker{top:4.6%;}
  .listen-room-close{top:3.6%;}
  .listen-room-content{gap:clamp(8px,1.4vh,13px);}
  .listen-track-group{padding:5px 5vw 6px;}
  .listen-track-rail{padding:5px 5% 3px;}
  .listen-track-tile{
    flex-basis:clamp(124px,min(42vw,22vh),176px);
    width:clamp(124px,min(42vw,22vh),176px);
    min-width:clamp(124px,min(42vw,22vh),176px);
    max-width:clamp(124px,min(42vw,22vh),176px);
  }
  .listen-player-stage{flex-basis:152px;height:152px;width:min(320px,100%);margin-bottom:12px;}
}
@media(max-height:700px){
  .listen-room{padding-top:64px;padding-bottom:40px;}
  .listen-room-content{gap:8px;}
  .listen-track-tile{
    flex-basis:clamp(116px,18vh,170px);
    width:clamp(116px,18vh,170px);
    min-width:clamp(116px,18vh,170px);
    max-width:clamp(116px,18vh,170px);
  }
  .listen-player-stage,.listen-player-stage .spotify-embed-engine{height:132px;}
  .listen-player-stage{flex-basis:132px;margin-bottom:10px;}
}
@media(prefers-reduced-motion:reduce){
  .listen-room,.listen-room.is-open,.credits-notes.room-open .listen-room.is-preparing,.credits-notes.room-returning .listen-room{transition-duration:.01ms;transform:none;filter:none;}
}

/* Listening room spacing: three generous sleeves per row, player given room. */
.listen-track-group{padding-inline:clamp(44px,10vw,156px);}
.listen-track-rail{padding-inline:2%;}
.listen-track-set{gap:clamp(32px,3.2vw,48px);padding-right:clamp(32px,3.2vw,48px);}
.listen-track-tile{
  flex-basis:clamp(220px,min(23vw,32vh),300px);
  width:clamp(220px,min(23vw,32vh),300px);
  min-width:clamp(220px,min(23vw,32vh),300px);
  max-width:clamp(220px,min(23vw,32vh),300px);
  gap:12px;
}
.listen-player-stage{
  flex-basis:184px;
  width:min(420px,100%);
  height:184px;
  margin-bottom:22px;
}
.listen-player-stage .spotify-embed-engine,
.listen-player-stage .spotify-embed-engine iframe{height:184px;}
@media(max-width:700px){
  .listen-track-group{padding-inline:5vw;}
  .listen-track-set{gap:20px;padding-right:20px;}
  .listen-track-tile{
    flex-basis:clamp(124px,min(42vw,22vh),176px);
    width:clamp(124px,min(42vw,22vh),176px);
    min-width:clamp(124px,min(42vw,22vh),176px);
    max-width:clamp(124px,min(42vw,22vh),176px);
    gap:9px;
  }
  .listen-player-stage{flex-basis:184px;height:184px;width:min(340px,100%);margin-bottom:14px;}
  .listen-player-stage .spotify-embed-engine,
  .listen-player-stage .spotify-embed-engine iframe{height:184px;}
}
@media(max-height:700px){
  .listen-track-tile{
    flex-basis:clamp(116px,18vh,170px);
    width:clamp(116px,18vh,170px);
    min-width:clamp(116px,18vh,170px);
    max-width:clamp(116px,18vh,170px);
  }
  .listen-player-stage,.listen-player-stage .spotify-embed-engine,
  .listen-player-stage .spotify-embed-engine iframe{height:152px;}
  .listen-player-stage{flex-basis:152px;margin-bottom:10px;}
}

/* Restore five-up browsing and center the listening player in its own breathing space. */
.listen-room{justify-content:center;gap:clamp(22px,3vh,30px);padding:7vh 0 5vh;}
.listen-room-content{flex:0 1 auto;gap:clamp(20px,3vh,28px);}
.listen-track-group{flex:0 1 clamp(218px,26vh,238px);padding-inline:clamp(44px,7vw,112px);}
.listen-track-tile{
  flex-basis:clamp(140px,min(16vw,19vh),180px);
  width:clamp(140px,min(16vw,19vh),180px);
  min-width:clamp(140px,min(16vw,19vh),180px);
  max-width:clamp(140px,min(16vw,19vh),180px);
}
.listen-player-stage{
  display:grid;
  flex:0 0 220px;
  place-items:center;
  width:min(460px,100%);
  height:220px;
  margin:0;
  overflow:visible;
}
.listen-player-stage .spotify-embed-engine{
  inset:18px 0;
  width:100%;
  height:184px;
  overflow:hidden;
  border-radius:14px;
  box-shadow:0 16px 44px rgba(0,0,0,.25),0 0 34px rgba(124,12,37,.10);
}
.listen-player-stage .spotify-embed-engine iframe{height:184px;border-radius:14px;}
@media(max-width:700px){
  .listen-room{gap:18px;padding:70px 0 48px;}
  .listen-room-content{flex:0 1 auto;gap:14px;}
  .listen-track-group{flex-basis:clamp(188px,24vh,218px);padding-inline:5vw;}
  .listen-player-stage{flex-basis:196px;height:196px;width:min(340px,100%);}
  .listen-player-stage .spotify-embed-engine{inset:8px 0;height:184px;}
  .listen-player-stage .spotify-embed-engine iframe{height:184px;}
}
@media(max-height:700px){
  .listen-room{gap:14px;padding-top:64px;padding-bottom:40px;}
  .listen-room-content{gap:12px;}
  .listen-track-group{flex-basis:clamp(136px,21vh,158px);}
  .listen-track-tile{
    flex-basis:clamp(116px,18vh,170px);
    width:clamp(116px,18vh,170px);
    min-width:clamp(116px,18vh,170px);
    max-width:clamp(116px,18vh,170px);
  }
  .listen-player-stage{flex-basis:170px;height:170px;}
  .listen-player-stage .spotify-embed-engine{inset:9px 0;height:152px;}
  .listen-player-stage .spotify-embed-engine iframe{height:152px;}
}

/* Quieter listening room: five covers, clear margins, player only when selected. */
.listen-room{gap:clamp(22px,3vh,30px);padding:7vh 0 5vh;}
.listen-room-content{
  flex:0 1 auto;
  width:min(100%,1120px);
  gap:clamp(22px,3vh,28px);
}
.listen-track-group{
  flex:0 1 clamp(238px,28vh,258px);
  width:100%;
  margin-left:0;
  padding:7px 0 8px;
}
.listen-track-rail{padding:7px 0 4px;}
.listen-track-set{gap:clamp(34px,3vw,42px);padding-right:clamp(34px,3vw,42px);}
.listen-track-tile{
  flex-basis:180px;
  width:180px;
  min-width:180px;
  max-width:180px;
  gap:10px;
}
.listen-player-stage{
  display:block;
  flex:0 0 184px;
  width:min(340px,100%);
  height:184px;
  margin:0;
  overflow:hidden;
  visibility:hidden;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .38s ease,transform .38s ease,visibility .38s;
}
.listen-player-stage.has-selection{visibility:visible;opacity:1;transform:none;}
.listen-player-stage:not(.has-selection){visibility:hidden;opacity:0;}
.listen-player-stage .spotify-embed-engine{
  inset:0;
  width:100%;
  height:184px;
  border-radius:12px;
  box-shadow:0 10px 34px rgba(0,0,0,.2);
}
.listen-player-stage .spotify-embed-engine iframe{height:184px;border-radius:12px;}
@media(max-width:700px){
  .listen-room{gap:18px;padding:70px 0 48px;}
  .listen-room-content{width:100%;gap:14px;}
  .listen-track-group{flex-basis:clamp(205px,25vh,230px);padding-inline:5vw;}
  .listen-track-rail{padding:5px 0 3px;}
  .listen-track-set{gap:20px;padding-right:20px;}
  .listen-track-tile{
    flex-basis:clamp(124px,42vw,176px);
    width:clamp(124px,42vw,176px);
    min-width:clamp(124px,42vw,176px);
    max-width:clamp(124px,42vw,176px);
    gap:9px;
  }
  .listen-player-stage{flex-basis:184px;height:184px;width:min(320px,100%);}
  .listen-player-stage .spotify-embed-engine,.listen-player-stage .spotify-embed-engine iframe{height:184px;}
}
@media(max-height:700px){
  .listen-track-group{flex-basis:clamp(170px,26vh,190px);}
  .listen-track-tile{
    flex-basis:clamp(116px,18vh,170px);
    width:clamp(116px,18vh,170px);
    min-width:clamp(116px,18vh,170px);
    max-width:clamp(116px,18vh,170px);
  }
  .listen-player-stage,.listen-player-stage .spotify-embed-engine,.listen-player-stage .spotify-embed-engine iframe{height:152px;}
  .listen-player-stage{flex-basis:152px;}
}

/* Cover focus and fully readable track captions. */
.listen-track-group{flex-basis:clamp(238px,28vh,280px);}
.listen-track-tile{
  transform:scale(var(--tile-card-scale,1)) translateY(var(--tile-card-lift,0px))!important;
  transform-origin:center 50%;
}
.listen-track-tile.is-warp-active{will-change:transform;z-index:2;}
.listen-track-copy{
  min-height:36px;
  gap:4px;
  overflow:visible;
  font-size:clamp(8px,.68cqw,10px);
  line-height:1.2;
}
.listen-track-copy b{
  display:-webkit-box;
  min-height:1.2em;
  overflow:hidden;
  line-height:1.2;
  white-space:normal;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.listen-track-copy small{
  overflow:visible;
  line-height:1.2;
  text-overflow:clip;
}
@media(max-height:800px){
  .listen-track-group{flex-basis:clamp(206px,28vh,236px);}
  .listen-track-tile{
    flex-basis:clamp(120px,min(16vw,16vh),160px);
    width:clamp(120px,min(16vw,16vh),160px);
    min-width:clamp(120px,min(16vw,16vh),160px);
    max-width:clamp(120px,min(16vw,16vh),160px);
  }
}

/* Reserve enough vertical room for multi-line captions and the enlarged sleeve. */
.listen-room{gap:14px;padding:6vh 0 3vh;}
.listen-room-content{gap:14px;}
.listen-track-group{flex-basis:clamp(300px,30vh,330px);}
@media(max-height:800px){
  .listen-room{padding:5vh 0 3vh;gap:12px;}
  .listen-room-content{gap:12px;}
  .listen-track-group{flex-basis:248px;}
}
@media(max-width:700px){
  .listen-track-group{flex-basis:clamp(244px,29vh,260px);}
  .listen-track-tile{
    flex-basis:clamp(106px,min(30vw,14vh),124px);
    width:clamp(106px,min(30vw,14vh),124px);
    min-width:clamp(106px,min(30vw,14vh),124px);
    max-width:clamp(106px,min(30vw,14vh),124px);
  }
}
@media(max-height:700px){
  .listen-room{padding:40px 0 18px;gap:8px;}
  .listen-room-content{gap:8px;}
  .listen-track-group{flex-basis:218px;}
}

/* Keep the credits lettering off the printed fold. */
.listen-row-head h3{font-weight:700;}
@media(min-width:701px){
  .credits-title{left:3%;right:13%;}
}

/* Reversible proof: quieter secondary type, with headings untouched. */
.hero-subhead,
.editorial-notes .intro-copy,
.spotify-profile-note p,
.artist-mini-player h3,
.listen-row-head .spotify-list-meta,
.listen-room-kicker{color:#d4c7c2;}

/* Two rows use the supplied WebGL liquid-glass carousel as their surface. */
.listen-room-content{width:min(100%,1180px);flex:1 1 auto;min-height:0;gap:clamp(8px,1.4vh,14px);}
.listen-track-group{flex:1 1 0;min-height:0;display:flex;flex-direction:column;padding:4px 0;}
.listen-track-rail.liquid-carousel-rail{display:block;flex:1 1 auto;min-height:180px;overflow:hidden!important;padding:0;cursor:grab;touch-action:none;}
.listen-track-rail.liquid-carousel-rail:active{cursor:grabbing;}
.liquid-carousel-host{width:100%;height:100%;min-height:180px;}
.liquid-carousel-loading{display:grid;width:100%;height:100%;place-items:center;color:#f2e8df8a;font:400 9px/1.4 var(--font-zine);letter-spacing:.16em;text-transform:lowercase;}
.listen-player-stage{flex:0 0 184px;width:min(340px,100%);height:184px;margin:0 0 4px;}
@media(max-width:700px){
  .listen-room-content{width:100%;gap:8px;}
  .listen-track-group{flex-basis:0;padding:2px 5vw;}
  .listen-track-rail.liquid-carousel-rail,.liquid-carousel-host{min-height:150px;}
  .listen-player-stage{flex-basis:152px;height:152px;margin-bottom:2px;}
}
@media(max-height:700px){
  .listen-track-rail.liquid-carousel-rail,.liquid-carousel-host{min-height:130px;}
  .listen-player-stage{flex-basis:152px;height:152px;}
}

/* Bare, local-file player for the two artist tracks on page three. */
.artist-mini-player{margin-top:clamp(18px,2.1cqw,30px);color:#f2e8df;}
.artist-mini-player h3{
  margin:0 0 9px;
  font:600 clamp(8px,.82cqw,12px)/1.2 var(--font-zine);
  letter-spacing:.08em;
}
.artist-mini-track-list{border-top:1px solid rgba(242,232,223,.28);}
.artist-mini-track{
  display:grid;
  grid-template-columns:12px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:38px;
  padding:6px 0;
  border:0;
  border-bottom:1px solid rgba(242,232,223,.18);
  color:inherit;
  background:transparent;
  text-align:left;
  cursor:pointer;
  font-family:var(--font-zine);
}
.artist-mini-play{display:flex;width:12px;height:12px;align-items:center;justify-content:center;opacity:.68;}
.artist-mini-play::before,.artist-mini-toggle::before{content:"";display:block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor;}
.artist-mini-play.is-playing::before,.artist-mini-toggle.is-playing::before{width:7px;height:8px;border:0;background:linear-gradient(90deg,currentColor 0 2px,transparent 2px 5px,currentColor 5px 7px);}
.artist-mini-copy{display:flex;min-width:0;flex-direction:column;gap:3px;}
.artist-mini-copy strong{font-size:clamp(7px,.72cqw,10px);font-weight:600;line-height:1.25;}
.artist-mini-copy small{font-size:clamp(6px,.58cqw,8px);line-height:1.2;opacity:.68;}
.artist-mini-duration,.artist-mini-time{font:400 clamp(6px,.58cqw,8px)/1 var(--font-zine);font-variant-numeric:tabular-nums;opacity:.66;white-space:nowrap;}
.artist-mini-track.is-active .artist-mini-play{opacity:1;color:#fff;}
.artist-mini-track:hover .artist-mini-copy strong,.artist-mini-track:focus-visible .artist-mini-copy strong{color:#fff;}
.artist-mini-controls{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding-top:8px;}
.artist-mini-toggle{display:flex;width:18px;height:18px;align-items:center;justify-content:center;padding:0;border:0;color:inherit;background:none;cursor:pointer;}
.artist-mini-now-playing{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 clamp(6px,.58cqw,8px)/1.2 var(--font-zine);opacity:.7;}
.artist-mini-progress{grid-column:2/4;width:100%;height:8px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;}
.artist-mini-progress::-webkit-slider-runnable-track{height:1px;background:rgba(242,232,223,.32);}
.artist-mini-progress::-moz-range-track{height:1px;background:rgba(242,232,223,.32);}
.artist-mini-progress::-webkit-slider-thumb{width:6px;height:6px;margin-top:-2.5px;appearance:none;-webkit-appearance:none;border:0;border-radius:50%;background:#f2e8df;}
.artist-mini-progress::-moz-range-thumb{width:6px;height:6px;border:0;border-radius:50%;background:#f2e8df;}
.artist-mini-progress:disabled{opacity:.4;cursor:default;}
#artist-local-audio{display:none;}
@media(max-width:700px){
  .artist-mini-player{margin-top:14px;}
  .artist-mini-player h3{margin-bottom:6px;font-size:9px;}
  .artist-mini-track{grid-template-columns:10px minmax(0,1fr) auto;gap:5px;min-height:34px;padding:5px 0;}
  .artist-mini-copy strong{font-size:7px;}
  .artist-mini-copy small,.artist-mini-duration,.artist-mini-time,.artist-mini-now-playing{font-size:6px;}
}

/* Tiny color/softness corrections are limited to the first and last photos. */
#photograph-a{filter:hue-rotate(-5deg) saturate(1.05);-webkit-filter:hue-rotate(-5deg) saturate(1.05);}
#photograph-e{filter:blur(1.2px);-webkit-filter:blur(1.2px);}

/* Let the page titles breathe through spacing and placement, not extra scale. */
.editorial-notes .intro-title{
  letter-spacing:.2em;
}
.third-notes .listen-title{
  gap:clamp(48px,7cqw,108px);
}
.listen-column>span:not(.vertical-word-gap){line-height:1.15;}
.credits-title{
  letter-spacing:.18em;
  padding-block:.9em;
}
.closing-notes h2{
  line-height:1.9;
  letter-spacing:.16em;
}

/* Airier, lighter secondary labels across the listening and contact areas. */
.hero-subhead{font-weight:400;letter-spacing:.14em;}
.intro-copy{font-weight:400;line-height:1.48;letter-spacing:.025em;}
.editorial-notes .intro-copy{line-height:1.48;letter-spacing:.025em;}
.spotify-profile-note p{line-height:1.52;letter-spacing:.025em;}
.listen-row-head{margin-bottom:clamp(16px,2.1vh,24px);padding-bottom:8px;}
.listen-row-head h3{
  font-weight:400;
  line-height:1.6;
  letter-spacing:.2em;
}
.listen-room-kicker{font-weight:400;letter-spacing:.28em;}
.credits-listen-open{
  font-weight:400;
  letter-spacing:.16em;
  padding-block:16px;
}
.artist-mini-player h3{font-weight:400;letter-spacing:.15em;}
.listen-room-hint{letter-spacing:.16em;}
@media(max-width:700px){
  .listen-row-head{margin-bottom:12px;padding-bottom:6px;}
  .listen-row-head h3{letter-spacing:.14em;}
  .credits-listen-open{padding-block:13px;letter-spacing:.12em;}
}

/* Keep the listening-room player on the viewport center line. */
.listen-room > .listen-player-stage{
  align-self:center!important;
  justify-self:center;
  margin-inline:auto!important;
  left:auto!important;
  right:auto!important;
}
.listen-room > .listen-player-stage .listen-playback-card,
.listen-room > .listen-player-stage .spotify-embed-engine,
.listen-room > .listen-player-stage .spotify-embed-engine iframe{
  left:0!important;
  right:0!important;
  margin-inline:auto!important;
}
/* Spotify replaces the mount div with a direct iframe. Center that actual
   iframe as well; older editorial rules kept it 280px wide and left aligned. */
.listen-room > .listen-player-stage > .listen-playback-card > iframe{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:152px!important;
  margin:0!important;
  border:0;
  border-radius:12px;
}

/* The Spotify compact player is 152px tall. Keep that single surface centered
   inside the existing breathing space so its end-of-preview sheet fits it. */
.listen-room > .listen-player-stage > .listen-playback-card{
  top:50%!important;
  bottom:auto!important;
  height:152px!important;
  transform:translateY(-50%);
}
.listen-room > .listen-player-stage .spotify-embed-engine,
.listen-room > .listen-player-stage .spotify-embed-engine iframe{
  height:152px!important;
}

/* Keep the shared Spotify frame painted before the first cover click.
   Hiding it with display:none can drop the first play command in Safari. */
.listen-room .listen-playback-card{
  display:block!important;
  visibility:visible;
  opacity:0;
  pointer-events:none;
}
.listen-room .listen-playback-card.is-active{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
.listen-room .listen-player-stage:not(.has-selection){
  visibility:visible;
  opacity:0;
  pointer-events:none;
}

/* Page three keeps the editorial track list but removes Spotify's branded banner. */
.artist-spotify-card{position:relative;}
.artist-spotify-card > .spotify-embed-engine{
  position:absolute!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:-10000px!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  height:1px!important;
  margin:0!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.artist-spotify-card > .spotify-embed-engine iframe{
  width:1px!important;
  height:1px!important;
}

/* More breathing room for long track names and a stronger center-cover focus. */
.listen-room{gap:20px;padding:clamp(72px,8vh,98px) 0 clamp(48px,5vh,62px);}
.listen-room-content{width:min(100%,1120px);gap:20px;}
.listen-track-group{flex:0 0 clamp(270px,28vh,310px);min-height:0;}
.listen-track-rail{padding:8px 0 5px;}
.listen-track-set{gap:clamp(44px,4.2vw,64px);padding-right:clamp(44px,4.2vw,64px);}
.listen-track-tile{
  flex-basis:clamp(140px,min(16vw,16vh),180px);
  width:clamp(140px,min(16vw,16vh),180px);
  min-width:clamp(140px,min(16vw,16vh),180px);
  max-width:clamp(140px,min(16vw,16vh),180px);
}
.listen-track-copy{min-height:50px;gap:4px;font-size:clamp(8px,.68cqw,10px);line-height:1.2;}
.listen-track-copy b{
  min-height:1.2em;
  line-height:1.2;
  -webkit-line-clamp:3;
}
.listen-track-copy small{line-height:1.2;}
.listen-track-tile.is-warp-active{z-index:3;}
@media(max-height:800px){
  .listen-room{padding:6vh 0 3vh;}
  .listen-track-group{flex-basis:clamp(230px,31vh,242px);}
  .listen-track-tile{
    flex-basis:clamp(110px,min(16vw,16vh),150px);
    width:clamp(110px,min(16vw,16vh),150px);
    min-width:clamp(110px,min(16vw,16vh),150px);
    max-width:clamp(110px,min(16vw,16vh),150px);
  }
  .listen-track-copy{min-height:40px;font-size:8px;}
}
@media(max-width:700px){
  .listen-room{padding:70px 0 48px;gap:18px;}
  .listen-track-group{flex-basis:clamp(236px,28vh,250px);padding-inline:5vw;}
  .listen-track-tile{
    flex-basis:clamp(112px,min(34vw,15vh),140px);
    width:clamp(112px,min(34vw,15vh),140px);
    min-width:clamp(112px,min(34vw,15vh),140px);
    max-width:clamp(112px,min(34vw,15vh),140px);
  }
  .listen-track-set{gap:20px;padding-right:20px;}
  .listen-track-copy{min-height:44px;font-size:8px;}
}
@media(max-height:700px){
  .listen-room{padding:54px 0 24px;gap:12px;}
  .listen-room-content{gap:12px;}
  .listen-track-group{flex-basis:210px;}
  .listen-track-tile{
    flex-basis:clamp(100px,min(14vw,15vh),126px);
    width:clamp(100px,min(14vw,15vh),126px);
    min-width:clamp(100px,min(14vw,15vh),126px);
    max-width:clamp(100px,min(14vw,15vh),126px);
  }
  .listen-track-copy{min-height:36px;font-size:7px;}
}
@media(max-width:700px){
  .listen-track-group{flex-basis:clamp(210px,27vh,236px);}
  .listen-track-copy{min-height:34px;font-size:8px;}
}
@media(max-height:700px){
  .listen-track-group{flex-basis:180px;}
  .listen-track-tile{
    flex-basis:clamp(100px,min(12vw,15vh),128px);
    width:clamp(100px,min(12vw,15vh),128px);
    min-width:clamp(100px,min(12vw,15vh),128px);
    max-width:clamp(100px,min(12vw,15vh),128px);
  }
}

/* Final spacing override: reserve the full caption and focus-scale envelope. */
.listen-room{gap:14px;padding:6vh 0 2vh;}
.listen-room-content{gap:14px;}
.listen-track-group{flex-basis:clamp(306px,34vh,360px);}
@media(max-height:800px){
  .listen-room{padding:5vh 0 3vh;}
  .listen-track-group{flex-basis:248px;}
}
@media(max-width:700px){
  .listen-track-group{flex-basis:clamp(244px,29vh,260px);}
  .listen-track-tile{
    flex-basis:clamp(106px,min(30vw,14vh),124px);
    width:clamp(106px,min(30vw,14vh),124px);
    min-width:clamp(106px,min(30vw,14vh),124px);
    max-width:clamp(106px,min(30vw,14vh),124px);
  }
}
@media(max-height:700px){
  .listen-room{padding:40px 0 18px;gap:8px;}
  .listen-room-content{gap:8px;}
  .listen-track-group{flex-basis:218px;}
}

/* Portrait phones keep the editorial composition but use readable type and
   full touch targets. The photographs and their focal points are unchanged. */
@media(max-width:700px) and (orientation:portrait){
  .cover-quote .sound-waves{left:-18px;}
  .editorial-notes .intro-title{font-size:12px;}
  .editorial-notes .intro-copy{width:42%;right:5%;font-size:clamp(11px,3vw,13px);line-height:1.32;text-align:left;hyphens:none;}
  .spotify-profile-note{right:6%;top:-30%;width:42%;}
  .spotify-profile-note p{font-size:clamp(10px,2.8vw,12px);line-height:1.4;}
  .third-notes .listen-title{font-size:13px;}
  .artist-mini-player h3{font-size:10px;}
  .artist-mini-track{min-height:40px;}
  .artist-mini-copy strong{font-size:9px;}
  .artist-mini-copy small,.artist-mini-duration,.artist-mini-time,.artist-mini-now-playing{font-size:8px;}
  .artist-mini-controls{grid-template-columns:32px minmax(0,1fr) auto;}
  .artist-mini-toggle{width:32px;height:32px;}
  .credits-title{font-size:13px;}
  .credits-listen-open{font-size:10px;}
  .contact-link{font-size:clamp(11px,2.8vw,13px);}
}

/* A short viewport cannot fit two cover rows and the Spotify frame. */
@media(max-height:600px){
  .listen-room{display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:54px 0 24px;}
  .listen-room-kicker{position:relative;left:auto;top:auto;transform:none;margin:0 72px 18px;text-align:center;white-space:normal;}
  .listen-room-close{position:fixed;top:12px;right:20px;min-height:44px;z-index:10;}
  .listen-room-content{display:flex;flex:0 0 auto;height:auto;min-height:0;gap:18px;}
  .listen-track-group{flex:0 0 auto;height:225px;min-height:225px;padding:2px 0;}
  .listen-track-rail.liquid-carousel-rail,.liquid-carousel-host{flex:0 0 180px;height:180px;min-height:180px;}
  .listen-player-stage{display:grid;flex:0 0 168px;height:168px;margin:20px auto 0;}
  .listen-room-hint{position:static;margin:14px auto 0;text-align:center;}
}

/* Responsive editorial placement: preserve the photograph and its crop. */
@media(max-width:900px) and (orientation:portrait){
  .cover-quote{left:calc(50% - 27px);top:calc(57% + clamp(31px,3.8vw,63px) + 38px);text-align:center;}
  .cover-quote .sound-waves{left:-37px;}
  .cover-mark{left:50%;right:auto;top:calc(55% - 9%);transform:translateX(-50%);}
  .third-notes .listen-title{top:calc(50% - 40svh);bottom:17%;height:auto;}
  .third-notes .listen-world{height:100%;}
  .third-notes .listen-mind{height:91%;}
  .listen-room > .listen-player-stage{top:-16px;}
}

/* In wide viewports, give each half of the screen its own text center. */
@media(min-width:701px) and (min-aspect-ratio:4/3){
  .editorial-notes .intro-title{
    left:calc(50% - 45vw - 16px);
    width:43vw;
    font-size:clamp(13px,1.35vw,34px);
    transform:translateY(calc(-50% + clamp(16px,2vh,24px)));
  }
  .editorial-notes .intro-copy{right:max(-30%,calc(50% - 50vw + 24px));width:24%;max-width:none;}
  .third-notes .listen-title{left:calc(50% - 25vw);transform:translateX(-50%);}
  .third-notes .spotify-profile-note{left:calc(50% + 25vw);right:auto;width:clamp(160px,30cqw,420px);transform:translateX(-50%);}
}
@media(min-width:701px) and (min-aspect-ratio:3/2) and (max-height:550px){
  .editorial-notes .intro-copy{bottom:7%;font-size:clamp(10px,1.25cqw,13px);line-height:1.35;}
}
@media(min-width:1400px) and (min-aspect-ratio:2/1){
  .editorial-notes .intro-title{transform:translateY(calc(-50% + 55px));}
  .editorial-notes .intro-copy{right:max(-30%,calc(50% - 50vw + 24px));width:24%;font-size:18px;}
  .third-notes .spotify-profile-note{width:clamp(420px,40cqw,520px);}
  .third-notes .spotify-profile-note p{font-size:18px;}
  .third-notes .artist-mini-player h3{font-size:15px;}
  .third-notes .artist-mini-track{grid-template-columns:18px minmax(0,1fr) auto;min-height:52px;gap:10px;}
  .third-notes .artist-mini-play{font-size:13px;}
  .third-notes .artist-mini-copy strong{font-size:15px;}
  .third-notes .artist-mini-copy small{font-size:12px;}
  .third-notes .artist-mini-duration,.third-notes .artist-mini-time,.third-notes .artist-mini-now-playing{font-size:12px;}
  .third-notes .artist-mini-controls{grid-template-columns:28px minmax(0,1fr) auto;gap:10px;}
  .third-notes .artist-mini-toggle{width:28px;height:28px;font-size:13px;}
}

/* Keep close in its own row on short screens, so it never covers a sleeve. */
@media(max-height:600px){
  .listen-room{padding-top:12px;}
  .listen-room-close{
    position:relative;
    display:flex;
    top:auto;
    left:auto;
    right:auto;
    width:max-content;
    min-height:44px;
    margin:0 5% 12px auto;
    padding:0;
    z-index:1;
    background:none;
  }
  .listen-track-rail.liquid-carousel-rail{cursor:default;}
}