/* Fixed-ratio artwork, independent of text height. */
.release-bars .release-catalog { display:grid; grid-template-columns:1fr; gap:22px; }
.release-bars .release-card { display:grid; grid-template-columns:var(--art-width,30%) minmax(0,1fr); grid-template-rows:auto; align-items:start; padding:0; overflow:hidden; }
.release-bars .release-card .release-art { position:relative; width:100%; min-width:0; height:auto; min-height:0; aspect-ratio:2 / 3; align-self:start; overflow:hidden; background:transparent; }
.release-bars .release-card .release-art::after { display:none; }
.release-bars .release-card .release-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:none; transform:none; }
.release-bars .release-copy { display:flex; flex-direction:column; align-self:stretch; min-width:0; padding:26px 28px; gap:24px; }
.release-bars .bar-title { min-width:0; container-type:inline-size; }
.release-bars .release-kicker { margin:0; font-size:10px; line-height:1.7; }
.release-bars .release-card .bar-title h3 { margin:20px 0 0; font-size:clamp(24px,8cqw,48px); line-height:1; overflow-wrap:break-word; }
.release-bars .release-description { margin:auto 0; font-size:17px; line-height:1.55; }
.release-bars .bar-action { display:flex; flex-wrap:wrap; align-items:flex-end; gap:20px 24px; min-width:0; }
.release-bars .release-facts { flex:1 1 260px; min-width:0; margin:0; }
.release-bars .release-facts > div { grid-template-columns:85px minmax(0,1fr); gap:12px; padding:12px 0; }
.release-bars .release-facts dt { font-size:9px; }
.release-bars .release-facts dd { font-size:12px; line-height:1.45; }
.release-bars .bar-action .release-link { flex:0 1 auto; width:fit-content; max-width:100%; margin:0 0 0 auto; padding:14px 20px; gap:24px; font-size:11px; min-height:48px; justify-content:space-between; }
/* When the desktop columns cannot fit, retain a thumbnail beside the title.
   Only the description and actions move below; never enlarge the portrait. */
.release-bars .release-catalog.is-stacked .release-card { grid-template-columns:clamp(90px,26vw,140px) minmax(0,1fr); gap:20px 16px; }
.release-bars .release-catalog.is-stacked .release-copy { display:contents; }
.release-bars .release-catalog.is-stacked .release-art { grid-column:1; grid-row:1; }
.release-bars .release-catalog.is-stacked .bar-title { grid-column:2; grid-row:1; align-self:center; padding:16px 16px 0 0; }
.release-bars .release-catalog.is-stacked .bar-title h3 { font-size:clamp(23px,5.5vw,34px); margin-top:12px; }
.release-bars .release-catalog.is-stacked .release-kicker { font-size:9px; }
.release-bars .release-catalog.is-stacked .release-description { grid-column:1 / -1; margin:0 18px; }
.release-bars .release-catalog.is-stacked .bar-action { grid-column:1 / -1; margin:0 18px 20px; }
@media(max-width:800px){
 .release-bars .release-card { grid-template-columns:clamp(90px,26vw,140px) minmax(0,1fr); gap:20px 16px; }
 .release-bars .release-copy { display:contents; }
 .release-bars .release-art { grid-column:1; grid-row:1; }
 .release-bars .bar-title { grid-column:2; grid-row:1; align-self:center; padding:16px 16px 0 0; }
 .release-bars .release-card .bar-title h3 { font-size:clamp(23px,5.5vw,34px); margin-top:12px; }
 .release-bars .release-kicker { font-size:9px; }
 .release-bars .release-description { grid-column:1 / -1; margin:0 18px; }
 .release-bars .bar-action { grid-column:1 / -1; margin:0 18px 20px; }
}