/* Foreign performances: a reading sequence, with the same order at every width. */
body .work-hero img.work-original-cover{object-fit:cover;object-position:center top}
.work-timeline{background:#e5e1d7;padding:72px 8%;scroll-margin-top:36px}
.work-timeline-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.3fr;gap:clamp(40px,6vw,88px);align-items:start}
body .work-timeline h2{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(30px,3.2vw,40px);font-weight:500;line-height:1.15;letter-spacing:-.025em;margin:20px 0 24px}
.work-timeline-intro>p:last-child{font-size:16px;line-height:1.75;color:var(--muted);max-width:290px}
.performance-timeline{list-style:none;margin:0;padding:0 0 0 25px;border-left:1px solid #b9bcb2}
.performance-timeline>li{position:relative;display:grid;grid-template-columns:95px minmax(0,1fr);gap:24px;padding:0 0 27px;margin:0 0 26px;border-bottom:1px solid var(--line)}
.performance-timeline>li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.performance-timeline>li:before{content:'';position:absolute;left:-30px;top:17px;width:9px;height:9px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 5px #e5e1d7}
.performance-timeline time{font-family:'Libre Caslon Display',Georgia,serif;font-size:42px;font-weight:400;line-height:1.1;letter-spacing:-.025em}
.performance-cities{list-style:none;margin:0;padding:7px 0 0;display:flex;flex-wrap:wrap;column-gap:0;align-content:start;font-size:16px;line-height:1.8}
.performance-cities li{display:inline;max-width:100%}
.performance-cities li:not(:last-child):after{content:'·';display:inline-block;margin:0 10px;color:var(--muted)}
.work-related{padding:40px 8%;display:grid;grid-template-columns:1fr 1fr;gap:32px;scroll-margin-top:36px}
.work-related>div{min-width:0}
.work-related>div+div{border-left:1px solid var(--line);padding-left:40px}
.work-related .eyebrow{margin:0 0 10px}
body .work-related .text-link{font-size:18px;padding:4px 0;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:700px){
 .work-timeline{padding:44px 7%}
 .work-timeline-inner{grid-template-columns:1fr;gap:36px}
 body .work-timeline h2{font-size:30px;margin:16px 0 18px}
 .work-timeline-intro>p:last-child{max-width:32ch;margin-bottom:0}
 .performance-timeline{padding-left:22px}
 .performance-timeline>li{grid-template-columns:74px minmax(0,1fr);gap:16px;margin-bottom:22px;padding-bottom:22px}
 .performance-timeline>li:before{left:-27px;top:14px}
 .performance-timeline time{font-size:34px}
 .performance-cities{display:block;padding-top:2px;line-height:1.8}
 .performance-cities li{display:block}
 .performance-cities li:not(:last-child):after{content:none}
 .work-related{padding:30px 7%;grid-template-columns:1fr;gap:24px}
 .work-related>div+div{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}
}

/* One shared desktop column axis for the story, timeline and related links. */
@media(min-width:701px){
 .work-body,.work-related{width:84%;max-width:1120px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
 .work-body,.work-timeline-inner,.work-related{grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:9%}
 .work-body article{min-width:0}
}

/* Keep the full cover title visible; its caption sits outside the artwork. */
body .work-hero figure.work-cover-bottom{display:flex;flex-direction:column;justify-content:flex-end;background:var(--paper,#eeeae1)}
body .work-hero .work-cover-bottom img{display:block;flex:0 0 auto;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center bottom}
body .work-hero .work-cover-bottom figcaption{position:static;flex:0 0 auto;background:var(--paper,#eeeae1)}
@media(max-width:700px){body .work-hero figure.work-cover-bottom{height:auto;min-height:0}}

/* Keep the complete Krútňava cover and its caption at every screen width. */
body .work-hero figure.work-cover-full{height:auto;min-height:0;align-self:start}
body .work-hero .work-cover-full img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
body .work-hero .work-cover-full figcaption{position:static;background:var(--paper,#eeeae1)}