/* Renée Michele — standalone scoped 45s sampler, responsive and accessible. */
#listen.rnp-section{padding:48px 18px 88px;background:radial-gradient(ellipse at 50% 0,#252016 0%,#121212 47%,#0c0c0c 100%);color:#e8e3dd;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;scroll-margin-top:92px}
#listen .rnp-wrap{max-width:1040px;margin:0 auto}
#listen .rnp-sectionhead{text-align:center;max-width:730px;margin:0 auto 35px}
#listen .rnp-overline{font-size:.74rem;letter-spacing:.23em;color:#d8bc89;font-weight:650;margin:0 0 13px}
#listen h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.1;color:#f7eddb;font-weight:400;margin:0 0 18px}
#listen .rnp-intro{font-size:1rem;line-height:1.7;color:#c6bfb5;margin:0 auto}
#listen .rnp-panel{background:linear-gradient(130deg,#22201d,#131313 70%);border:1px solid #a88c5544;border-radius:14px;box-shadow:0 20px 50px #0008;overflow:hidden}
#listen .rnp-nowplaying{display:grid;grid-template-columns:206px 1fr;gap:29px;padding:28px;align-items:center;border-bottom:1px solid #bfa67929}
#listen .rnp-art{height:206px;background:radial-gradient(circle at 26% 24%,#5a503d,#211c17 42%,#0a0a0c 86%);border:1px solid #b79c634a;box-shadow:0 10px 35px #0008;display:flex;align-items:center;justify-content:center;position:relative;border-radius:5px;overflow:hidden}
/* Artist portrait in the player. */
#listen .rnp-art.rnp-art-photo{background:#171411}
#listen .rnp-art.rnp-art-photo::before{display:none}
#listen .rnp-art.rnp-art-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 33%}
#listen .rnp-art::before{content:'';position:absolute;width:170%;height:1px;background:#bd9d605a;transform:rotate(-32deg);box-shadow:0 18px #b89c5930,0 -18px #b89c592a,0 38px #b89c5918,0 -38px #b89c5918}
#listen .rnp-art-key{font-family:Georgia,serif;font-size:6rem;font-style:italic;color:#e0c28f;z-index:1;text-shadow:0 3px 26px #edc98570}
#listen .rnp-art-caption{position:absolute;bottom:14px;color:#c6ae80;font-size:.56rem;letter-spacing:.3em}
#listen .rnp-caption{margin:0 0 10px;font-size:.69rem;letter-spacing:.15em;font-weight:650;color:#ccac70}
#listen .rnp-current h3{font-family:Georgia,serif;color:#fff7e9;font-size:clamp(2rem,3.3vw,3rem);font-weight:400;margin:0 0 7px;line-height:1.1}
#listen .rnp-byline{color:#bfb6a8;margin:0 0 24px;font-size:.9rem}
#listen .rnp-controls{display:flex;align-items:center;gap:13px;margin-bottom:23px;flex-wrap:wrap}
#listen button{cursor:pointer;font-family:inherit;transition:background .18s,border-color .18s,transform .18s}
#listen .rnp-transport{width:40px;height:40px;border:1px solid #7f715b55;border-radius:50%;background:#292620;color:#d8c49f;font-size:.82rem}
#listen .rnp-play{width:58px;height:58px;background:#d5b882;border:1px solid #eed9ab;color:#211b13;border-radius:50%;font-size:1.4rem;padding-left:4px}
#listen .rnp-transport:hover,#listen .rnp-track:hover{background:#383125}
#listen .rnp-play:hover{background:#f0d29a;transform:scale(1.04)}
#listen .rnp-status{font-size:.8rem;color:#b9ad99;margin-left:12px}
#listen .rnp-progress-wrap{display:flex;align-items:center;gap:12px;max-width:570px}
#listen .rnp-clock{font-variant-numeric:tabular-nums;font-size:.78rem;color:#bfb1a0;min-width:31px}
#listen .rnp-progress{--percent:0%;width:100%;appearance:none;accent-color:#d5b882;cursor:pointer;height:5px;border-radius:8px;background:linear-gradient(to right,#cdb07f var(--percent),#534d44 var(--percent));outline-offset:8px}
#listen .rnp-progress::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#f0d29a;border-radius:50%;border:0}
#listen .rnp-progress::-moz-range-thumb{width:12px;height:12px;background:#f0d29a;border-radius:50%;border:0}
#listen .rnp-list-head{display:flex;justify-content:space-between;align-items:center;padding:18px 27px 10px;font-size:.68rem;letter-spacing:.15em;color:#cfaf79;font-weight:700}
#listen .rnp-track{width:100%;text-align:left;display:grid;grid-template-columns:40px 1fr 50px 24px;gap:12px;align-items:center;border:0;border-top:1px solid #ffffff10;background:transparent;color:#e7e2d9;padding:15px 27px;font-size:.92rem;border-radius:0}
#listen .rnp-track.is-selected{background:linear-gradient(90deg,#d0b47d1d,#0000);color:#f9e9c9}
#listen .rnp-number{color:#b19d7f;font-size:.8rem;font-variant-numeric:tabular-nums}
#listen .rnp-duration{font-size:.79rem;color:#b8ac9c;font-variant-numeric:tabular-nums}
#listen .rnp-trackicon{font-size:.83rem;color:#d6bb87;justify-self:end}
#listen .rnp-footnote{text-align:center;color:#aea396;font-size:.85rem;margin:24px 0 16px}
#listen .rnp-albums-link{display:block;text-align:center;color:#e0bd80;text-decoration:none;font-size:.92rem}
#listen .rnp-albums-link:hover{text-decoration:underline}
#listen button:focus-visible,#listen input:focus-visible,#listen a:focus-visible{outline:2px solid #f2cd8b;outline-offset:3px}
@media(max-width:650px){#listen.rnp-section{padding:38px 12px}#listen .rnp-nowplaying{grid-template-columns:1fr;padding:22px;gap:23px}#listen .rnp-art{height:155px;width:155px}#listen .rnp-track{grid-template-columns:30px 1fr 36px 18px;gap:8px;padding:14px 14px}#listen .rnp-status{width:100%;margin-left:0}#listen .rnp-list-head{padding:17px 15px 10px}#listen .rnp-intro{font-size:.93rem}}

/* Smaller space between the Silent Tears feature and the piano player. */
header.hero + section.section{padding-bottom:44px}