/* One editorial rail for paired studio copy and page introductions.
   The 1 : 1.2 tracks plus a 12% gutter place prose at 52% of the wrap.
   Science's longer statement, case-study dossiers and film synopses retain
   their wider layouts; they have different image and text hierarchies. */
html.jbn-live{--reading-tracks:minmax(0,1fr) minmax(0,1.2fr);--reading-gutter:12%;--reading-width:48%;--reading-max:600px}
html.jbn-live .about-story>div:last-child,html.jbn-live .belief-band:not(.science-perspective)>div,html.jbn-live .studio-people-copy>div:last-child{width:100%;max-width:var(--reading-max);min-width:0}
html.jbn-live .about-story p:not(.large-copy),html.jbn-live .belief-band:not(.science-perspective) p{font-size:16px;line-height:1.8}
@media(min-width:761px){
 html.jbn-live .about-story,html.jbn-live .belief-band:not(.science-perspective),html.jbn-live .studio-people-copy{grid-template-columns:var(--reading-tracks);column-gap:var(--reading-gutter)}
 html.jbn-live .page-heading .intro{width:var(--reading-width);max-width:var(--reading-max);margin-left:52%;margin-right:0}
 html.jbn-live .intro-assembly .studio-intro-detail{grid-template-columns:var(--reading-tracks);column-gap:var(--reading-gutter);padding-inline:0}
 html.jbn-live .intro-assembly .studio-intro-detail p,html.jbn-live .intro-assembly .studio-intro-detail p:first-child{max-width:var(--reading-max)}
 html.jbn-live .studio-people-copy p,html.jbn-live .people-practice-v2 .studio-people-copy p{max-width:none}
}
@media(max-width:760px){
 html.jbn-live .page-heading .intro{width:100%;max-width:var(--reading-max);margin-left:0;margin-right:0}
 html.jbn-live .about-story p:not(.large-copy),html.jbn-live .belief-band:not(.science-perspective) p{font-size:15px;line-height:1.8}
}