/* Local sample only: curated sparse shelves and playback-driven record motion. */
.posters.catalog-curated { grid-template-columns:repeat(2,minmax(0,1fr)) minmax(220px,.9fr); align-items:stretch; gap:24px; }
.posters.catalog-curated[data-count="1"] { grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr); }
.catalog-curated .poster { height:340px; }
.catalog-curated[data-count="1"] .poster { height:360px; }
.catalog-curated .poster-title { max-width:100%; }
.catalog-curator { min-width:0; padding:28px; border:1px solid #79a78d38; border-radius:9px; background:radial-gradient(ellipse at 100% 0,#24503d70,transparent 75%),#101a16; display:flex; flex-direction:column; justify-content:center; text-align:left; }
.catalog-curator small { font-size:12px; letter-spacing:.12em; color:#91ecc2; }
.catalog-curator h3 { font-size:clamp(22px,2vw,30px); line-height:1.5; font-weight:500; margin:20px 0 12px; }
.catalog-curator p { font-size:15px; color:#c3d1c8; line-height:1.9; margin:0; }
.catalog-curator strong { color:#a5efcb; font-size:14px; font-weight:500; margin:26px 0 12px; }
.catalog-curator .catalog-disclosure { font-size:12px; color:#acbfb2; border-top:1px solid #ffffff20; padding-top:15px; }
.poster-play { width:auto; min-width:46px; padding:10px 14px; white-space:nowrap; font-size:14px; }
.vinyl { animation:preview-vinyl-spin 12s linear infinite; animation-play-state:paused; }
.vinyl:before { content:""; position:absolute; inset:3px; border-radius:50%; background:conic-gradient(from 15deg,transparent 0 12%,#ffffff20 17%,transparent 23% 62%,#ffffff10 69%,transparent 76%); }
body.playing .vinyl { animation-play-state:running; }
.eq i { animation:levels 1s ease-in-out infinite alternate; animation-play-state:paused; transform-origin:bottom; }
body.playing .eq i { animation-play-state:running; }
@keyframes preview-vinyl-spin { to { transform:rotate(360deg); } }
@media(max-width:1100px) {
  .posters.catalog-curated { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .catalog-curated .catalog-curator { grid-column:1/-1; }
  .posters.catalog-curated[data-count="1"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .catalog-curated[data-count="1"] .catalog-curator { grid-column:auto; }
  .catalog-curator { padding:22px; }
}
@media(max-width:600px) {
  .posters.catalog-curated,.posters.catalog-curated[data-count="1"] { grid-template-columns:minmax(0,1fr); gap:20px; }
  .catalog-curated .poster,.catalog-curated[data-count="1"] .poster { height:330px; }
  .catalog-curated .catalog-curator { grid-column:auto; }
  .catalog-curator h3 { margin-top:12px; }
}
@media(prefers-reduced-motion:reduce) { .vinyl,body.playing .vinyl { animation:none!important; }.playing .eq i { animation:none!important; } }

#screen { position:relative; }
.posters.catalog-carousel { grid-template-columns:none; grid-template-rows:repeat(2,auto); grid-auto-columns:calc((100% - 60px)/5); grid-auto-flow:column; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:4px; }
.posters.catalog-carousel::-webkit-scrollbar { display:none; }
.posters.catalog-carousel .poster-card { scroll-snap-align:start; min-width:0; }
.catalog-nav button { position:absolute; z-index:8; top:50%; transform:translateY(-50%); border:1px solid #74e7b45c; background:#0b1712e8; color:#a9f5ce; box-shadow:0 8px 28px #0008; backdrop-filter:blur(12px); }
.catalog-nav-prev { left:-48px; width:38px; height:58px; border-radius:20px; font-size:30px; }
.catalog-nav-more { right:-58px; min-width:54px; height:58px; border-radius:20px; padding:0 10px; font-size:10px; }
.catalog-nav button:hover { background:#163326; border-color:#79efb8; }
@media(max-width:1100px) {
  .catalog-nav-prev { left:-10px; }.catalog-nav-more { right:-10px; }
}
@media(max-width:800px) {
  .posters.catalog-carousel { grid-template-rows:1fr; grid-auto-columns:min(72vw,300px); gap:14px; }
  .posters.catalog-carousel .poster-card { grid-row:auto!important; grid-column:auto!important; }
  .catalog-nav { display:none; }
}