/* Dedicated premiere collection page; the existing artwork and controls remain intact. */
.premieres-page {background:#0a0a0e;min-height:100vh;}
.premiere-site-header {min-height:76px;padding:16px max(24px,calc((100vw - 1220px)/2));display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid rgba(255,255,255,.08);background:#0b0a0e;}
.premiere-back {color:#c8bfc8;font-size:.82rem;white-space:nowrap;}
.premiere-back:hover,.premiere-back:focus-visible {color:#f6a4bd;}
.premieres-page #premieres {padding-top:clamp(32px,5vw,68px);}
/* All poster frames use the original 9:16 format, including on narrow phones. */
.premieres-page #premieres .premiere-art {aspect-ratio:9/16;width:min(100%,420px);height:auto;min-height:0;max-height:none;margin-inline:auto;}
.premieres-page #premieres .premiere-frame {object-fit:cover;object-position:center;}
.premieres-page #premieres .premiere-showcase {grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);}
.premieres-page #premieres .premiere-art {box-shadow:0 18px 70px rgba(0,0,0,.56);}
.premieres-page #premieres .premiere-heading {margin-bottom:28px;}
.premieres-page #premieres .premiere-audio {padding-bottom:18px;}
.premieres-page #premieres .premiere-audio-progress {height:6px;}
.premiere-page-footer {display:flex;justify-content:space-between;gap:15px;align-items:center;padding:30px max(24px,calc((100vw - 1220px)/2));border-top:1px solid rgba(255,255,255,.08);color:#a39aa3;font-size:.8rem;}
.premiere-page-footer a {letter-spacing:.16em;font-weight:700;color:#fff;}
.premiere-page-footer a span {color:#f7559d;}
@media(max-width:850px){
  .premieres-page #premieres .premiere-showcase {grid-template-columns:1fr;gap:32px;}
  .premieres-page #premieres .premiere-art {width:min(100%,440px);}
  .premieres-page #premieres .premiere-content {width:min(100%,560px);}
}
@media(max-width:560px){
  .premiere-site-header {min-height:62px;padding:12px 18px;}
  .premiere-back {font-size:.75rem;}
  .premieres-page #premieres {padding:24px 0 52px;}
  .premieres-page #premieres .premiere-heading {margin-bottom:18px;}
  .premieres-page #premieres .premiere-heading h2 {font-size:2.65rem;}
  .premieres-page #premieres .premiere-art {width:min(100%,390px);aspect-ratio:9/16;border-radius:12px;}
  .premieres-page #premieres .premiere-audio-top {gap:6px;}
  .premieres-page #premieres .premiere-audio-copy {max-width:43%;}
  .premieres-page #premieres .premiere-audio-status {line-height:1.3;}
  .premieres-page #premieres .premiere-audio-actions {margin-left:auto;}
  .premieres-page #premieres .premiere-art-label {font-size:.59rem;}
  .premiere-page-footer {padding:26px 18px;flex-wrap:wrap;}
}
@media(max-width:370px){
  .premieres-page #premieres .premiere-audio-copy {max-width:38%;}
  .premieres-page #premieres .premiere-audio-toggle {padding:8px;}
}

/* Mobile-first listening: platform choices immediately above the 9:16 poster. */
.premieres-page #premieres .premiere-mobile-listen {display:none;}
@media (max-width:850px) {
  .premieres-page #premieres .premiere-mobile-listen {display:block;margin-bottom:22px;}
  .premieres-page #premieres .premiere-mobile-listen h3 {font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.2rem,7vw,3.2rem);font-weight:400;line-height:1.1;color:#fff;margin:0 0 6px;}
  .premieres-page #premieres .premiere-mobile-subtitle {font-size:.9rem;line-height:1.5;color:#c8bac3;margin:0 0 15px;}
  .premieres-page #premieres .premiere-mobile-label {font-size:.67rem;font-weight:700;letter-spacing:.18em;color:#d0c9cc;margin:0 0 10px;}
  .premieres-page #premieres .premiere-mobile-stream-links {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
  .premieres-page #premieres .premiere-mobile-stream-links .premiere-stream {display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:73px;padding:9px 3px;font-size:.67rem;text-align:center;line-height:1.2;}
  .premieres-page #premieres .premiere-mobile-stream-links .premiere-stream .platform-mark {flex:0 0 24px;}
  .premieres-page #premieres .premiere-mobile-stream-links .premiere-link-arrow {display:none;}
  .premieres-page #premieres .premiere-content > h3,
  .premieres-page #premieres .premiere-content > .premiere-listen-label,
  .premieres-page #premieres .premiere-content > .premiere-stream-links {display:none;}
}
@media (max-width:370px) {
  .premieres-page #premieres .premiere-mobile-stream-links {gap:5px;}
  .premieres-page #premieres .premiere-mobile-stream-links .premiere-stream {font-size:.59rem;min-height:68px;}
}

/* Read Lyrics is the fifth action in the premiere's streaming row. */
.premieres-page .premiere-stream-links .premiere-lyrics-button {
  appearance:none;cursor:pointer;font:inherit;color:inherit;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.18);
}
.premieres-page .premiere-lyrics-button:hover,
.premieres-page .premiere-lyrics-button:focus-visible {
  border-color:#f6a4bd;color:#fff;background:rgba(247,85,157,.12);
}
.premieres-page .premiere-lyrics-icon {width:23px;height:23px;flex-shrink:0;}
.premieres-page .lyrics-dialog {z-index:9999;}
@media (max-width:850px) {
  .premieres-page #premieres .premiere-mobile-stream-links {grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}
  .premieres-page #premieres .premiere-mobile-stream-links .premiere-stream {
    font-size:clamp(.53rem,1.8vw,.67rem);min-height:75px;padding:8px 2px;overflow-wrap:anywhere;
  }
  .premieres-page #premieres .premiere-mobile-stream-links .premiere-lyrics-button {flex-direction:column;justify-content:center;gap:6px;}
}
@media (max-width:370px) {
  .premieres-page #premieres .premiere-mobile-stream-links {gap:4px;}
  .premieres-page #premieres .premiere-mobile-stream-links .premiere-stream {font-size:.54rem;min-height:70px;}
}