.artist-main{max-width:1160px;margin:25px auto 70px;padding:0 4%;position:relative}.artist-hero{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:65px;align-items:center;margin:38px 0 65px}.artist-sleeve{aspect-ratio:1;background:#e3e9de;position:relative;padding:20px;box-shadow:12px 12px 0 #19362f0b;display:grid;place-items:center;transform:rotate(-2deg);border:1px solid #b9c7b5}.artist-sleeve img{width:100%;height:100%;object-fit:cover;min-height:0}.artist-monogram{font-size:140px;color:var(--red);font-weight:400}.sleeve-caption{position:absolute;bottom:7px;font-size:7px;letter-spacing:2px}.artist-heading h1{font-size:clamp(38px,4.5vw,65px);line-height:1.1;margin:24px 0}.artist-heading h1>span{color:var(--red)}.artist-heading>p{color:var(--muted);line-height:1.8}.artist-stats{font-size:10px;letter-spacing:1.7px;margin:25px 0}.artist-stats span{padding:0 12px;color:var(--red)}#play-all{border:0;gap:15px}.stream-credit{font:italic 13px Georgia!important}.artist-body{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:65px;border-top:1px solid var(--line);padding-top:35px}.playlist-heading{display:flex;gap:25px;justify-content:space-between;align-items:center;margin-bottom:30px}.playlist-heading h2{margin:12px 0;font-size:30px}.playlist-heading .music-search{max-width:240px}.track-list{list-style:none;padding:0;margin:0;counter-reset:tracks}.track{width:100%;display:flex;align-items:center;gap:20px;border:0;border-top:1px solid var(--line);padding:19px 15px;background:transparent;text-align:left;color:var(--ink)}.track-number{font-size:10px;color:var(--muted);width:20px}.track-title{font-size:14px;line-height:1.6;flex:1}.track-symbol{color:var(--blue);font-size:20px}.track:hover,.track.playing{background:#e6ece1}.track.playing{border-left:3px solid var(--blue)}.artist-aside{padding:20px 0;color:var(--muted)}.aside-yaz{font-size:55px;color:var(--red)}.artist-aside h3{font:italic 27px Georgia;color:var(--ink)}.artist-aside p{font-size:13px;line-height:1.9}.pending-music{padding:20px;border-left:3px solid var(--red);background:#e9ede4}.listening-dock{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#19362ff7;color:var(--paper);display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,1.3fr) minmax(110px,.5fr);gap:25px;align-items:center;padding:14px max(4%,calc((100vw - 1200px)/2));box-shadow:0 -8px 30px #19362f15;backdrop-filter:blur(15px)}body:has(.listening-dock){padding-bottom:125px}.dock-identity{display:flex;align-items:center;gap:15px;min-width:0}.dock-identity>div{min-width:0}.dock-identity #now-title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.dock-identity a{display:block;margin-top:6px;color:#b8c9b7;font-size:10px}.vinyl{width:48px;height:48px;border:1px solid #b8c9b7;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#d6b185;background:repeating-radial-gradient(circle,#ffffff08 0 2px,transparent 2px 5px)}.vinyl.spinning{animation:spin 12s linear infinite}.dock-buttons{display:flex;align-items:center;justify-content:center;gap:18px}.dock-buttons button{border:0;background:none;color:#d7dfd3;font-size:16px;padding:5px;min-width:28px}.dock-buttons button[aria-pressed=true]{color:#edc552}.dock-buttons .main-play{width:36px;height:36px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:16px}.dock-progress{display:flex;align-items:center;gap:10px;margin-top:8px}.dock-progress span{font-size:9px;font-variant-numeric:tabular-nums}.listening-dock input[type=range]{accent-color:#d6b185;padding:0;height:14px;cursor:pointer}.dock-volume{font-size:9px;display:flex;gap:10px;align-items:center;max-width:145px;margin-left:auto}.dock-volume input{min-width:60px}#player-status{grid-column:1/-1;font-size:11px;margin:0;color:#edc552;text-align:center}#player-status:empty{display:none}#artist-audio:not([controls]){display:none}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.vinyl.spinning{animation:none}.artist-sleeve{transform:none}}@media(max-width:850px){.artist-hero{gap:35px;grid-template-columns:250px 1fr}.artist-body{grid-template-columns:1fr;gap:25px}.artist-aside{border-top:1px solid var(--line)}.listening-dock{gap:15px;grid-template-columns:minmax(130px,1fr) minmax(230px,1.5fr)}.dock-volume{display:none}}@media(max-width:600px){.artist-main{padding:0 5%}.artist-hero{grid-template-columns:1fr;gap:35px;margin-top:30px}.artist-sleeve{max-width:280px;width:85%;margin:auto}.artist-heading h1{font-size:42px}.artist-heading .eyebrow{font-size:9px}.artist-body{padding-top:25px}.playlist-heading{display:block}.playlist-heading .music-search{max-width:none;margin-top:20px}.track{padding:16px 9px;gap:12px}.track-title{font-size:13px}.listening-dock{grid-template-columns:1fr;padding:12px 5%;gap:7px}.dock-identity{justify-content:center}.vinyl{display:none}.dock-identity>div{display:flex;align-items:center;gap:10px}.dock-identity a{margin:0;white-space:nowrap}.dock-buttons{gap:25px}.dock-progress{margin-top:4px}.dock-identity #now-title{max-width:220px;font-size:11px}body:has(.listening-dock){padding-bottom:155px}}
/* The listening room: crisp graphic artwork around a small original portrait. */
.artist-hero{grid-template-columns:minmax(300px,390px) 1fr;gap:60px}.artist-sleeve.sound-art{aspect-ratio:1;display:block;transform:none;padding:0;border:1px solid #becbbc;box-shadow:10px 12px 0 #19362f09;background:radial-gradient(ellipse at 15% 10%,#fffdf7 0,transparent 60%),linear-gradient(140deg,#edf0e5,#dce6db);isolation:isolate;overflow:hidden}.sound-art:before{content:'';position:absolute;inset:32px;border:1px solid #9cad9c55;border-radius:50%;transform:translate(40px,-10px)}.sound-art:after{content:'ⵣ';position:absolute;left:17px;top:55px;color:#c7563e25;font-size:100px;font-weight:400;z-index:-1}.sound-art-top{position:absolute;left:20px;right:20px;top:17px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:var(--muted)}.sound-art-top>span:last-child{font-size:18px;color:var(--red);line-height:.7}.cd-orbit{position:absolute;inset:14% 9% 21% 21%;display:grid;place-items:center;filter:drop-shadow(8px 12px 9px #19362f24)}.cd-disc{width:100%;aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0 2px,#ffffff25 2px 3px),conic-gradient(from 20deg,#c2d5d1,#f3f6e9 11%,#adc2b5 19%,#b7d4d9 26%,#f1e4bd 32%,#f7f5e8 39%,#a8beb3 49%,#d1dad7 57%,#e8e6d6 65%,#b7d2ce 72%,#edf0d8 82%,#f6f5e9 89%,#c2d5d1);border:1px solid #9cafaa;box-shadow:inset 0 0 0 3px #ffffff99,inset 0 0 0 7px #879e8d22;animation:cd-turn 14s linear infinite;animation-play-state:paused}.cd-label{width:47%;aspect-ratio:1;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e6e7d7;box-shadow:0 0 0 3px #19362f33;padding:6px;position:relative}.cd-label>span{position:absolute;top:10%;font-size:18px;color:#d3b68d}.cd-label>b{font:500 28px Georgia;letter-spacing:3px;margin-bottom:22px}.cd-label>small{font-size:5px;letter-spacing:1.7px;position:absolute;bottom:12%}.cd-hole{position:absolute;left:46%;top:46%;width:8%;aspect-ratio:1;border:3px solid #ccd6ca;border-radius:50%;background:var(--paper);box-shadow:0 0 0 3px #a5b7ab66}.sound-art .archive-portrait{position:absolute;left:18px;bottom:68px;margin:0;padding:7px 7px 18px;background:#f8f7f2;box-shadow:2px 5px 12px #19362f20;border:1px solid #d1d9cc;transform:rotate(-5deg);z-index:3}.sound-art .archive-portrait img{display:block;width:117px;height:85px;max-width:117px;object-fit:contain;filter:none}.archive-portrait figcaption{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:5px;letter-spacing:1px;color:var(--muted)}.sound-art-caption{position:absolute;bottom:20px;left:20px;right:55px;display:grid;gap:7px}.sound-art-caption>span{font:italic 22px Georgia;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-art-caption small{font-size:6px;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase}.sound-equalizer{display:flex;gap:3px;height:19px;align-items:center;position:absolute;bottom:23px;right:20px}.sound-equalizer i{display:block;width:2px;height:5px;background:var(--blue);animation:sound-bar .8s ease-in-out infinite alternate;animation-play-state:paused}.sound-equalizer i:nth-child(2){animation-delay:-.2s}.sound-equalizer i:nth-child(3){animation-delay:-.4s}.sound-equalizer i:nth-child(4){animation-delay:-.6s}.floating-notes{position:absolute;inset:0;pointer-events:none}.floating-notes span{position:absolute;left:70%;top:60%;font:28px Georgia;color:var(--blue);opacity:0;animation:note-rise 4.5s ease-out infinite;animation-play-state:paused}.floating-notes span:nth-child(2){left:77%;animation-delay:-.9s;color:var(--red);font-size:21px}.floating-notes span:nth-child(3){left:52%;animation-delay:-1.8s;font-size:24px}.floating-notes span:nth-child(4){left:82%;animation-delay:-2.7s;font-size:18px}.floating-notes span:nth-child(5){left:61%;animation-delay:-3.6s;color:#8d7856;font-size:20px}.music-is-playing .cd-disc,.music-is-playing .floating-notes span,.music-is-playing .sound-equalizer i{animation-play-state:running}body:not(.music-is-playing) .floating-notes{visibility:hidden}.vinyl{position:relative;background:conic-gradient(#e0e7db,#9fbeb4,#eee4c4,#b5d1d2,#f2f0df,#a9c0b4,#e0e7db);color:var(--ink);border:1px solid #edf0de}.vinyl:after{content:'';position:absolute;width:7px;height:7px;left:calc(50% - 3.5px);top:calc(50% - 3.5px);border-radius:50%;background:var(--ink);border:1px solid #dce4d6}.vinyl.spinning{animation-duration:14s}@keyframes cd-turn{to{transform:rotate(360deg)}}@keyframes note-rise{0%{transform:translate(-10px,5px) rotate(-15deg);opacity:0}18%{opacity:.75}80%{opacity:.45}100%{transform:translate(12px,-150px) rotate(18deg);opacity:0}}@keyframes sound-bar{to{height:19px}}@media(max-width:850px){.artist-hero{grid-template-columns:300px 1fr;gap:30px}}@media(max-width:600px){.artist-hero{grid-template-columns:1fr}.artist-sleeve.sound-art{width:100%;max-width:340px;margin:0 auto}.cd-label>b{font-size:23px}.sound-art-caption>span{font-size:20px}}@media(prefers-reduced-motion:reduce){.cd-disc,.floating-notes span,.sound-equalizer i{animation:none!important}.music-is-playing .sound-equalizer i{height:12px}.music-is-playing .sound-equalizer i:nth-child(even){height:19px}.music-is-playing .floating-notes span{opacity:.25}.sound-art .archive-portrait{transform:none}}
/* Keep the CD lettering clear of the spindle hole. */
.cd-label>b{position:absolute;top:18%;left:0;right:0;text-align:center;margin:0;font-size:24px;line-height:1;letter-spacing:2px}.cd-label>span{top:auto;bottom:19%;left:0;right:0;text-align:center;font-size:20px;line-height:1}.cd-label>small{bottom:9%;font-size:4px;letter-spacing:1.2px}@media(max-width:600px){.cd-label>b{font-size:21px}.cd-label>span{font-size:18px}}

/* Full artist names above the spindle, with room for longer names. */
.cd-label>b{top:14%;left:7%;right:7%;height:28%;display:flex;align-items:center;justify-content:center;line-height:1.1;letter-spacing:0;overflow-wrap:anywhere;font-family:Georgia,serif;font-weight:500}.cd-label>span{bottom:19%}

/* The listening dock only reserves space while a collection is open. */
.listening-dock[hidden]{display:none!important}body:has(.listening-dock[hidden]){padding-bottom:0}body.has-music-player{padding-bottom:125px}.listening-dock{padding-right:max(65px,calc((100vw - 1200px)/2 + 40px))}.close-player{position:absolute;right:18px;top:12px;width:29px;height:29px;border:1px solid #ffffff45;border-radius:50%;color:var(--paper);background:transparent;font-size:22px;line-height:1}.close-player:hover,.close-player:focus-visible{background:var(--paper);color:var(--ink)}html.page-loading{cursor:progress}html.page-loading:before{content:'';position:fixed;top:0;left:0;right:0;height:3px;background:var(--red);z-index:1000;animation:nav-progress 1s ease-in-out infinite alternate}@keyframes nav-progress{from{opacity:.35}to{opacity:1}}@media(max-width:600px){body.has-music-player{padding-bottom:155px}.listening-dock{padding-right:5%}.close-player{right:9px;top:9px;width:25px;height:25px;font-size:19px}.dock-identity{padding:0 25px}}@media(prefers-reduced-motion:reduce){html.page-loading:before{animation:none}}
