/* Free for Churches — "The Listening Room". Golden-worship identity. */
:root{
  --bg:#0f0d0a; --bg2:#161410; --panel:#1c1913; --line:#2c2820;
  --ink:#f3efe6; --mut:#a89f8d; --gold:#f0b43c; --gold-soft:#c8922f;
  --paper:#f6f1e4; --paper-ink:#2b2417;
  --r:14px; --maxw:900px;
  --serif:'Fraunces',Georgia,serif; --sans:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0; font-family:var(--sans); color:var(--ink); line-height:1.55;
  background:radial-gradient(1200px 700px at 50% -10%, #1b1712 0%, var(--bg) 60%) fixed;
  -webkit-font-smoothing:antialiased; padding-bottom:96px;
}
a{color:var(--gold); text-decoration:none}
a:hover{text-decoration:underline}
h1,h2{font-family:var(--serif); font-weight:600; line-height:1.05; letter-spacing:-.01em}
h2{font-size:clamp(1.5rem,4vw,2.1rem); margin:0 0 .5rem}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#000;padding:.6rem 1rem;border-radius:0 0 8px 0;z-index:200}
.skip:focus{left:0}
:focus-visible{outline:2px solid var(--gold); outline-offset:2px; border-radius:6px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.4em;font:inherit;font-weight:600;cursor:pointer;
  border:1px solid transparent;border-radius:999px;padding:.62em 1.15em;background:var(--gold);color:#1a1305;
  transition:transform .12s ease, background .15s ease, box-shadow .15s ease; white-space:nowrap; line-height:1}
.btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 20px rgba(240,180,60,.22)}
.btn:active{transform:none}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--gold);box-shadow:none}
.btn.big{padding:.8em 1.4em;font-size:1.02rem}
.btn.kit{background:var(--gold);color:#1a1305;padding:.5em .9em;font-size:.9rem}

/* header */
.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:1rem;
  padding:.7rem clamp(1rem,4vw,2rem);background:rgba(15,13,10,.82);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line)}
.wordmark{font-family:var(--serif);font-weight:600;font-size:1.15rem;color:var(--ink)}
.wordmark:hover{text-decoration:none}
.w-gold{color:var(--gold)}
.nav{display:flex;gap:1.15rem;margin-left:auto;font-size:.92rem}
.nav a{color:var(--mut)}
.nav a:hover{color:var(--ink);text-decoration:none}
.playalbum-mini{margin-left:.5rem}
@media (max-width:720px){.nav{display:none} .playalbum-mini{margin-left:auto}}

/* hero */
.hero{position:relative;overflow:hidden;padding:clamp(2rem,6vw,4.5rem) clamp(1rem,4vw,2rem) clamp(2rem,5vw,3.5rem)}
.hero-art{position:absolute;inset:-20% -10% auto;height:120%;background-size:cover;background-position:center;
  filter:blur(60px) saturate(1.2);opacity:.38;transform:scale(1.2);z-index:0}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(15,13,10,.2),var(--bg) 92%);z-index:1}
.hero-inner{position:relative;z-index:2;max-width:1080px;margin:0 auto;display:grid;
  grid-template-columns:340px 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.hero-cover{width:100%;height:auto;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.6),0 0 0 1px rgba(240,180,60,.14)}
.hero h1{font-size:clamp(2.1rem,6vw,3.4rem);margin:0 0 .6rem}
.promise{font-size:clamp(1.05rem,2.6vw,1.3rem);color:var(--ink);margin:0 0 1.2rem}
.promise b{color:var(--gold);font-weight:600}
.hero-btns{display:flex;flex-wrap:wrap;gap:.7rem;margin:.4rem 0 1.2rem}
/* honesty plaque */
.plaque{position:relative;display:inline-block;font-family:var(--serif);font-size:1.05rem;color:var(--ink);
  border:1px solid var(--gold-soft);border-radius:10px;padding:.85rem 1.1rem .8rem;margin:.2rem 0 1.2rem;
  background:linear-gradient(180deg,rgba(240,180,60,.06),transparent)}
.plaque::before,.plaque::after{content:"";position:absolute;width:10px;height:10px;border:2px solid var(--gold)}
.plaque::before{top:6px;left:6px;border-right:0;border-bottom:0}
.plaque::after{bottom:6px;right:6px;border-left:0;border-top:0}
.plaque-label{display:block;font-family:var(--sans);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.25rem}
@media (max-width:720px){.hero-inner{grid-template-columns:1fr;text-align:center;gap:1.4rem}
  .hero-cover{max-width:260px;margin:0 auto}.hero-btns,.hero-chips{justify-content:center}.plaque{text-align:left}}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.hero-chips a{font-size:.82rem;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:.35em .8em}
.hero-chips a:hover{border-color:var(--gold);color:var(--ink);text-decoration:none}

/* catalog + controls */
.catalog{max-width:var(--maxw);margin:0 auto;padding:1rem clamp(1rem,4vw,2rem) 2rem}
.controls{position:sticky;top:57px;z-index:50;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;
  padding:.7rem 0;background:linear-gradient(var(--bg),var(--bg) 70%,transparent);margin-bottom:.5rem}
.filter-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.fchip{font:inherit;font-size:.85rem;font-weight:500;cursor:pointer;color:var(--mut);background:transparent;
  border:1px solid var(--line);border-radius:999px;padding:.4em .85em}
.fchip:hover{color:var(--ink)}
.fchip.on{background:var(--gold);color:#1a1305;border-color:var(--gold);font-weight:600}
.search{margin-left:auto;font:inherit;font-size:.9rem;color:var(--ink);background:var(--panel);
  border:1px solid var(--line);border-radius:999px;padding:.5em 1em;min-width:180px}
.search::placeholder{color:var(--mut)}
@media (max-width:600px){.search{margin-left:0;flex:1 1 100%;order:-1}}

/* album header */
.album{margin:1.5rem 0}
.album-head{display:flex;gap:1rem;align-items:center;margin-bottom:.6rem}
.album-cover{width:96px;height:96px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.album-meta h2{margin:0 0 .15rem;display:flex;align-items:center;gap:.6rem}
.growing{font-family:var(--sans);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);border:1px solid var(--gold-soft);border-radius:999px;padding:.2em .6em}
.album-meta p{margin:0 0 .5rem;color:var(--mut);font-size:.95rem;max-width:52ch}
.album-sub{display:flex;align-items:center;gap:.8rem;font-size:.85rem;color:var(--mut)}

/* tracklist */
.tracklist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.track{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:.6rem;
  padding:.5rem .3rem;border-bottom:1px solid var(--line);position:relative;
  border-radius:10px;transition:background .15s ease}
.track:hover{background:rgba(255,255,255,.025)}
.track.playing{background:linear-gradient(90deg,rgba(240,180,60,.1),transparent 70%)}
.track.playing::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--gold);border-radius:3px}
.track:target{box-shadow:0 0 0 2px var(--gold) inset;border-radius:10px}
/* play button + thumb */
.t-play{position:relative;width:48px;height:48px;flex:none;padding:0;border:0;background:none;cursor:pointer;border-radius:8px;overflow:hidden}
.t-thumb{display:block;width:48px;height:48px;object-fit:cover;border-radius:8px}
.t-play::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.42);opacity:0;transition:opacity .15s;border-radius:8px}
.t-play:hover::after,.t-play:focus-visible::after{opacity:1}
.t-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--mut);
  font-size:.85rem;font-weight:600;text-shadow:0 1px 3px #000;opacity:0;transition:opacity .15s}
.t-play:hover .t-num{opacity:0}
/* show a play glyph on hover via num swap */
.t-play:hover::before,.t-play:focus-visible::before{content:"\25B6";position:absolute;inset:0;z-index:2;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}
.t-eq{position:absolute;inset:0;display:none;align-items:flex-end;justify-content:center;gap:2px;
  padding:15px 0;background:rgba(0,0,0,.4)}
.t-eq i{width:3px;background:var(--gold);height:6px;border-radius:2px;animation:eq .9s ease-in-out infinite}
.t-eq i:nth-child(2){animation-delay:.3s}.t-eq i:nth-child(3){animation-delay:.6s}
@keyframes eq{0%,100%{height:5px}50%{height:16px}}
.track.playing .t-eq{display:flex}
.track.playing .t-num{opacity:0}
.track.playing.paused .t-eq i{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.t-eq i{animation:none;height:11px}}
/* title */
.t-main{min-width:0}
.t-titlebtn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;
  background:none;border:0;cursor:pointer;padding:.1rem .2rem;font:inherit;color:inherit;min-width:0}
.t-title{font-weight:600;font-size:1rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.track.playing .t-title{color:var(--gold)}
.t-ref{font-size:.8rem;color:var(--mut)}
.t-scrub{display:none;margin:.35rem .2rem 0}
.track.playing .t-scrub{display:block}
.t-scrub input,#mp-scrub{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:3px;
  background:var(--line);cursor:pointer}
.t-scrub input::-webkit-slider-thumb,#mp-scrub::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--gold)}
.t-scrub input::-moz-range-thumb,#mp-scrub::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--gold)}
.t-dur{font-size:.82rem;color:var(--mut);font-variant-numeric:tabular-nums}
.t-share{background:none;border:0;cursor:pointer;color:var(--mut);font-size:1rem;padding:.3rem;line-height:1}
.t-share:hover{color:var(--gold)}
@media (max-width:560px){
  .track{grid-template-columns:auto 1fr auto auto;gap:.5rem}
  .t-dur{display:none}
  .t-title{font-size:.95rem}
  .btn.kit{padding:.45em .7em;font-size:.82rem}
}
/* accordion */
.t-acc{grid-column:1/-1;padding:.3rem .3rem .8rem 56px}
.t-desc{margin:.2rem 0 .6rem;color:var(--mut);font-size:.92rem;max-width:60ch}
.t-acc .chips{margin-bottom:.5rem}
.t-acc .chips span{font-size:.75rem;color:var(--ink);background:var(--panel);border:1px solid var(--line);
  border-radius:999px;padding:.25em .7em;text-transform:capitalize}
.gift-tag{font-size:.72rem;letter-spacing:.02em;color:var(--gold-soft);margin-bottom:.55rem}
.acc-links{display:flex;flex-wrap:wrap;gap:.9rem;font-size:.85rem;margin-bottom:.7rem}
.chart-prev{display:inline-block;border-radius:8px;overflow:hidden;border:1px solid var(--line);max-width:260px}
.chart-prev img{display:block;width:100%;height:auto;filter:contrast(1.02)}
.chart-prev:hover{border-color:var(--gold)}
.t-acc-inner{display:flex;gap:1.2rem;align-items:flex-start}
.t-acc-cover{width:200px;height:auto;aspect-ratio:1/1;flex:none;border-radius:12px;object-fit:cover;
  box-shadow:0 12px 34px rgba(0,0,0,.5),0 0 0 1px rgba(240,180,60,.12)}
.t-acc-body{flex:1 1 auto;min-width:0}
@media (max-width:560px){.t-acc{padding-left:.3rem}
  .t-acc-inner{flex-direction:column;gap:.8rem}.t-acc-cover{width:min(230px,60%)}}

/* selah interstitial */
.selah{text-align:center;padding:clamp(2.5rem,8vw,5rem) 1rem;margin:1rem 0}
.selah p{font-family:var(--serif);font-weight:500;font-size:clamp(1.3rem,4vw,2rem);color:var(--gold);
  line-height:1.35;margin:0 0 .5rem;text-wrap:balance}
.selah span{color:var(--mut);font-size:.85rem;letter-spacing:.15em;text-transform:uppercase}

/* generic sections */
.kit-section,.hz-section,.honesty,.contact{max-width:var(--maxw);margin:0 auto;padding:2.5rem clamp(1rem,4vw,2rem)}
.lead{color:var(--mut);max-width:58ch;margin:.2rem 0 1.3rem}
.kit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin-bottom:1rem}
.kit-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem;font-size:.92rem;color:var(--mut)}
.kit-item b{color:var(--ink)}
.ki-ico{font-size:1.4rem;display:block;margin-bottom:.35rem}
.kit-note{font-size:.9rem;color:var(--mut)}

/* receipt */
.receipt-wrap{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.7rem}
.receipt{width:min(360px,92vw);background:var(--paper);color:var(--paper-ink);border-radius:6px;
  padding:1.4rem 1.5rem 1.7rem;font-family:'Inter',monospace;font-size:.82rem;
  box-shadow:0 20px 50px rgba(0,0,0,.45);position:relative;
  -webkit-mask:radial-gradient(6px at 6px 50%,transparent 98%,#000) left/100% 12px repeat-y,
    radial-gradient(6px at calc(100% - 6px) 50%,transparent 98%,#000) right/100% 12px repeat-y}
.r-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.6rem}
.r-store{font-weight:700;letter-spacing:.06em}
.r-by{font-family:var(--serif);font-size:.95rem}
.r-rule{border-top:1px dashed #b8ab90;margin:.5rem 0}
.r-line{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;padding:.18rem 0}
.r-qty{color:#7a6f56}.r-amt{font-variant-numeric:tabular-nums}
.r-total{display:flex;justify-content:space-between;font-weight:700;font-size:1rem;margin:.3rem 0 .6rem}
.r-stamp{text-align:center;font-family:var(--serif);font-weight:700;font-size:1.35rem;letter-spacing:.04em;
  color:#8a1f1f;border:3px double #8a1f1f;border-radius:8px;padding:.2rem;transform:rotate(-4deg);
  width:fit-content;margin:.4rem auto .8rem;opacity:.9}
.r-verse{text-align:center;font-family:var(--serif);font-size:.9rem;color:var(--paper-ink)}
.r-verse span{display:block;color:#7a6f56;font-size:.75rem;letter-spacing:.08em;margin-top:.2rem}
.receipt-cap{font-size:.85rem;color:var(--mut);text-align:center;max-width:40ch}

/* 528 */
.hz-demo{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1.3rem}
.hz-hint{color:var(--mut);font-size:.9rem}
details.tune,.faq details{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  padding:.4rem 1.1rem;margin-bottom:.6rem}
details summary{cursor:pointer;font-weight:600;padding:.6rem 0;list-style:none}
details summary::-webkit-details-marker{display:none}
details summary::before{content:"+";color:var(--gold);font-weight:700;margin-right:.6rem}
details[open] summary::before{content:"\2013"}
details.tune p,.faq p{color:var(--mut);font-size:.92rem;margin:.2rem 0 .8rem}

/* honesty + license */
.honesty p{max-width:62ch;color:var(--ink)}
.license-box{border-left:4px solid var(--gold);background:var(--panel);border-radius:0 var(--r) var(--r) 0;
  padding:1rem 1.3rem;margin:1.3rem 0;display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}
.license-box p{margin:0;font-size:.92rem;color:var(--mut);flex:1 1 320px}
.license-box b{color:var(--ink)}
.cc0-badge{font-family:var(--serif);font-weight:700;color:var(--gold);border:2px solid var(--gold-soft);
  border-radius:8px;padding:.4rem .7rem;font-size:1rem;white-space:nowrap}
.faq{margin-top:1.4rem}

/* the story */
.story{max-width:var(--maxw);margin:0 auto;padding:2.5rem clamp(1rem,4vw,2rem);scroll-margin-top:78px}
.story p{max-width:62ch;color:var(--ink);font-size:1.02rem;line-height:1.72;margin:0 0 1.05rem}
.story em{font-style:italic}
.story .story-lede{font-family:var(--serif);font-weight:600;color:var(--gold);
  font-size:clamp(1.35rem,3.4vw,1.9rem);line-height:1.28;margin:.1rem 0 1.4rem;max-width:26ch}
.story .story-close{font-family:var(--serif);font-weight:600;color:var(--gold);
  font-size:clamp(1.1rem,2.6vw,1.4rem);max-width:none;margin-top:.5rem}

/* launch — live "now streaming" ribbon + forward link */
.live-ribbon{display:flex;align-items:flex-start;gap:.6rem;margin:1.1rem 0 .2rem;max-width:56ch;
  font-size:.95rem;color:var(--ink);background:rgba(15,13,10,.5);border-left:3px solid var(--gold);
  border-radius:0 10px 10px 0;padding:.7rem .9rem;backdrop-filter:blur(4px)}
.live-ribbon a{color:var(--gold);font-weight:600;white-space:nowrap}
.live-dot{flex:none;width:10px;height:10px;margin-top:.42rem;border-radius:50%;background:#ff5a4d;animation:livepulse 2s infinite}
@keyframes livepulse{0%{box-shadow:0 0 0 0 rgba(255,90,77,.55)}70%{box-shadow:0 0 0 9px rgba(255,90,77,0)}100%{box-shadow:0 0 0 0 rgba(255,90,77,0)}}
.ribbon-sub{display:block;color:var(--mut);font-size:.82rem;margin-top:.25rem}
.forward{margin-top:.6rem}
.forward a{color:var(--gold);font-weight:600;font-size:.95rem}
@media (max-width:720px){.live-ribbon{text-align:left}}

/* contact + footer */
.contact{text-align:center}
.contact .verse{font-family:var(--serif);color:var(--mut);margin-top:1rem}
.site-footer{max-width:var(--maxw);margin:0 auto;padding:2rem clamp(1rem,4vw,2rem) 1rem;
  border-top:1px solid var(--line);text-align:center;color:var(--mut);font-size:.85rem}
.colophon{color:#6f6656;font-size:.78rem;margin-top:.3rem}

/* mini-player */
.miniplayer[hidden]{display:none}
.miniplayer{position:fixed;left:0;right:0;bottom:0;z-index:120;display:grid;
  grid-template-columns:44px minmax(0,1.3fr) 2fr auto auto;gap:.75rem;align-items:center;
  padding:.55rem clamp(.7rem,3vw,1.4rem);padding-bottom:calc(.55rem + env(safe-area-inset-bottom));
  background:rgba(22,20,16,.94);backdrop-filter:blur(16px);border-top:1px solid var(--line);
  box-shadow:0 -8px 30px rgba(0,0,0,.4)}
.mp-cover-btn{padding:0;border:0;background:none;cursor:pointer;width:44px;height:44px}
#mp-cover{width:44px;height:44px;border-radius:7px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.5)}
.mp-meta{min-width:0;display:flex;flex-direction:column;line-height:1.2}
.mp-title{font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-ref{font-size:.76rem;color:var(--mut)}
.mp-scrubwrap{display:flex;align-items:center;gap:.6rem}
.mp-time{font-size:.75rem;color:var(--mut);font-variant-numeric:tabular-nums;min-width:34px}
.mp-ctrl{display:flex;align-items:center;gap:.15rem}
.mp-ctrl button{background:none;border:0;cursor:pointer;color:var(--ink);font-size:1.05rem;padding:.35rem;line-height:1;border-radius:8px}
.mp-ctrl button:hover{color:var(--gold)}
.mp-play{font-size:1.3rem !important}
.mp-528{font-size:.72rem !important;font-weight:700;color:var(--mut) !important;border:1px solid var(--line) !important;
  border-radius:999px !important;padding:.2rem .5rem !important}
.mp-528[aria-pressed="true"]{background:var(--gold);color:#1a1305 !important;border-color:var(--gold) !important}
#mp-kit{padding:.45em .8em;font-size:.85rem}
@media (max-width:640px){
  .miniplayer{grid-template-columns:40px 1fr auto;grid-template-areas:"cover meta ctrl" "scrub scrub scrub";gap:.4rem .6rem}
  #mp-cover,.mp-cover-btn{width:40px;height:40px}
  .mp-cover-btn{grid-area:cover}.mp-meta{grid-area:meta}.mp-ctrl{grid-area:ctrl}
  .mp-scrubwrap{grid-area:scrub}
  #mp-kit{display:none}
  .mp-ctrl{gap:.05rem}
  .mp-528{padding:.2rem .4rem !important}
}

/* toast */
.toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);z-index:130;
  background:var(--gold);color:#1a1305;font-weight:600;font-size:.88rem;padding:.5rem 1rem;border-radius:999px;
  box-shadow:0 8px 24px rgba(0,0,0,.4);animation:toast 1.8s ease forwards}
@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}12%,80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}

/* print — permissions + kit info on paper for the volunteer showing a pastor */
@media print{
  body{background:#fff;color:#000;padding:0}
  .site-header,.hero,.catalog,.controls,.miniplayer,.selah,.hz-section,.hero-btns,.toast{display:none !important}
  .honesty,.kit-section,.contact{max-width:none;color:#000}
  a{color:#000}.license-box{border-color:#000}
}

/* ---- Christmas double album — coming-soon preview teaser ---- */
.preview-album{margin:2.6rem 0 1rem;padding:1.5rem 1.2rem 1.2rem;border:1px dashed var(--gold-soft);
  border-radius:16px;background:linear-gradient(180deg,rgba(240,180,60,.06),transparent 62%)}
.soon-badge{font-family:var(--sans);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:#1a1305;background:var(--gold);border-radius:999px;padding:.3em .72em;white-space:nowrap;line-height:1}
.preview-list{border-top:1px solid var(--line);margin-top:1rem}
.ptrack{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;
  padding:.6rem .3rem;border-bottom:1px solid var(--line);position:relative}
.ptrack:hover{background:rgba(255,255,255,.025)}
.pt-thumb{width:56px;height:56px;border-radius:9px;box-shadow:0 6px 18px rgba(0,0,0,.5)}
.pt-main{min-width:0}
.pt-badge{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);
  border:1px solid var(--gold-soft);border-radius:999px;padding:.24em .62em;white-space:nowrap}
@media (max-width:560px){.pt-badge{display:none}}
/* Trad · Pop segmented clip control — one joined pill, instant A/B of the two arrangements */
.pc-seg{display:inline-flex;align-items:stretch;border:1px solid var(--gold-soft);border-radius:999px;overflow:hidden}
.pc-btn{display:inline-flex;align-items:center;gap:.36em;font-size:.66rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--gold);background:transparent;border:0;
  padding:.36em .7em;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.pc-seg .pc-btn+.pc-btn{border-left:1px solid var(--gold-soft)}
.pc-btn:hover{background:var(--gold-soft)}
.pc-btn .pc-ico{font-size:.82em;line-height:1}
.pc-btn.playing{background:var(--gold);color:#1a1305}
@media (max-width:560px){.pc-btn{padding:.36em .56em;font-size:.6rem}}
/* --- image lightbox (tap a cover to enlarge) --- */
.zoomable{cursor:zoom-in}
.lightbox{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(8,6,4,.92);backdrop-filter:blur(4px);padding:4vmin;cursor:zoom-out}
.lightbox[hidden]{display:none}
.lb-img{max-width:min(92vw,92vh);max-height:92vh;width:auto;height:auto;border-radius:14px;
  box-shadow:0 30px 90px rgba(0,0,0,.7);object-fit:contain}
.lb-close{position:fixed;top:max(14px,3vmin);right:max(14px,3vmin);width:44px;height:44px;border:0;
  border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:1.7rem;line-height:1;
  cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb-close:hover{background:rgba(255,255,255,.24)}