.romance-grid button:focus-visible,.romance-lightbox button:focus-visible { outline:2px solid #f55345; outline-offset:5px; }
#vinyl-artist-works .aw-feature.romance-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.75fr); grid-template-areas:"back back" "cover stills" "caption caption" "intro intro"; column-gap:24px; align-items:start; }
#vinyl-artist-works .romance-intro { grid-area:intro; max-width:960px; padding:0 0 28px; color:#b9b5ae; font:14px/1.95 "PingFang SC","Microsoft YaHei",sans-serif; }
#vinyl-artist-works .romance-intro p { margin:0 0 12px; }
#vinyl-artist-works .romance-intro .romance-copyright { margin:22px 0 0; color:#888; font-size:12px; }
#vinyl-artist-works .romance-layout .aw-back { grid-area:back; justify-self:start; }
#vinyl-artist-works .romance-layout .aw-screen { grid-area:cover; width:100%; max-width:none; margin:0; }
#vinyl-artist-works .romance-layout .aw-caption { grid-area:caption; }
#vinyl-artist-works .romance-stills { grid-area:stills; margin:0; padding:0; border:0; min-width:0; align-self:stretch; }
.romance-grid { height:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(3,minmax(0,1fr)); gap:10px; }
#vinyl-artist-works .romance-grid button { display:block; width:100%; min-width:0; min-height:0; padding:0; border:0; background:#111; overflow:hidden; }
.romance-grid img { display:block; width:100%; height:100%; aspect-ratio:16/9; object-fit:contain; }
@media(max-width:600px) { #vinyl-artist-works .aw-feature.romance-layout { column-gap:10px; } .romance-grid { gap:4px; } }
.romance-lightbox { width:100vw; height:100dvh; max-width:none; max-height:none; margin:0; padding:20px 28px; border:0; color:#f0ede5; background:#080808; }
.romance-lightbox[open] { display:flex; flex-direction:column; gap:18px; }
.romance-lightbox::backdrop { background:#000e; }
.romance-lightbox > img { display:block; width:100%; flex:1; min-height:0; object-fit:contain; }
.romance-lightbox-top,.romance-lightbox-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-shrink:0; font:12px/1.6 sans-serif; }
.romance-lightbox button { border:1px solid #555; padding:12px 16px; color:#f0ede5; background:transparent; cursor:pointer; }
.romance-lightbox-bottom span { text-align:center; color:#aaa; }
@media(max-width:600px) { .romance-lightbox { padding:14px 12px; } .romance-lightbox button { padding:12px 10px; } .romance-lightbox-bottom { font-size:10px; gap:8px; } }


#vinyl-artist-works .aw-feature.storyteller-layout { grid-template-columns:minmax(0,1fr) minmax(0,2.35fr); }
#vinyl-artist-works .storyteller-layout .romance-stills { align-self:start; }
.storyteller-layout .romance-grid { height:auto; grid-template-rows:repeat(3,auto); }
#vinyl-artist-works .storyteller-layout .romance-grid button { background:transparent; }
.storyteller-layout .romance-grid img { height:auto; aspect-ratio:3840/1634; }


#vinyl-artist-works .artist-video-link { display:inline-flex; align-items:center; padding:12px 20px; margin:0 0 22px; border:1px solid #d92318; background:#d92318; color:#fff; font-size:13px; line-height:1.5; text-decoration:none; }
#vinyl-artist-works .artist-video-link:hover { background:#b91d14; }
#vinyl-artist-works .artist-video-link:focus-visible { outline:2px solid #fff; outline-offset:4px; }


#vinyl-artist-works .queen-layout .romance-stills { align-self:start; }
.queen-layout .romance-grid { height:auto; grid-template-rows:none; grid-auto-rows:auto; }
#vinyl-artist-works .queen-layout .romance-grid button { background:transparent; }
.queen-layout .romance-grid img { height:auto; aspect-ratio:auto; }


/* These source screenshots contain a centered 3840 × 860 stage canvas. */
#vinyl-artist-works .jerry-wide-stills .romance-grid img {
  aspect-ratio:3840 / 860;
  width:100%;
  height:auto;
  object-fit:cover;
  object-position:center;
}
.romance-lightbox.jerry-wide-stills > img {
  flex:none;
  width:min(100%, calc((100dvh - 160px) * 3840 / 860));
  height:auto;
  aspect-ratio:3840 / 860;
  object-fit:cover;
  object-position:center;
  margin:auto;
}

/* Keep the six panoramic stills alongside the cover, evenly distributed. */
#vinyl-artist-works .aw-feature.jerry-wide-stills {
  grid-template-columns:minmax(0,1fr) minmax(0,2.35fr);
  grid-template-areas:"back back" "cover stills" "caption caption" "intro intro";
  column-gap:24px;
}
#vinyl-artist-works .jerry-wide-stills .romance-stills { align-self:stretch; }
#vinyl-artist-works .jerry-wide-stills .romance-grid {
  height:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:12px;
  align-items:center;
}
@media(max-width:600px) {
  #vinyl-artist-works .aw-feature.jerry-wide-stills { column-gap:10px; }
  #vinyl-artist-works .jerry-wide-stills .romance-grid { gap:4px; }
}