/* Case studies: a film-led opening, clear commissioning context and an editorial reading column. */
html.jbn-live .case-study-longform{min-width:0}html.jbn-live .case-study-longform .case-opening{padding-block:65px;column-gap:8%;grid-template-columns:minmax(200px,.8fr) minmax(0,1.8fr)}html.jbn-live .case-study-longform .case-opening .large-copy{max-width:900px;font-size:clamp(27px,2.5vw,39px);line-height:1.32}html.jbn-live .case-study-longform .case-opening .scope{font-size:9px;letter-spacing:.04em}html.jbn-live .case-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding-block:27px;border-bottom:1px solid var(--line)}html.jbn-live .case-facts>div{min-width:0;border-left:1px solid var(--line);padding-left:24px}html.jbn-live .case-facts>div:first-child{border-left:0;padding-left:0}html.jbn-live .case-facts dt{font:9px/1.7 ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase;color:#687063;margin-bottom:10px}html.jbn-live .case-facts dd{font:500 clamp(19px,2vw,30px)/1.2 Bricolage;letter-spacing:-.035em;margin:0;max-width:260px}html.jbn-live .case-context{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;padding-block:58px 65px;border-bottom:1px solid var(--line)}html.jbn-live .case-context .eyebrow{font-size:9px}html.jbn-live .case-context p{font-size:clamp(17px,1.6vw,23px);line-height:1.65;margin-top:20px;max-width:650px}html.jbn-live .case-context>div:last-child p{font:italic clamp(23px,2.25vw,34px)/1.4 Newsreader;letter-spacing:-.015em}html.jbn-live .case-study-longform .case-body{grid-template-columns:minmax(155px,.7fr) minmax(0,2fr);column-gap:9%;padding-block:70px 20px}html.jbn-live .case-narrative{min-width:0}html.jbn-live .case-study-longform .chapter-nav{top:35px;max-height:calc(100svh - 70px);overflow-y:auto;padding-right:10px}html.jbn-live .case-study-longform .chapter-nav a{display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px;max-width:none;line-height:1.5;font-size:11px;padding:13px 0}html.jbn-live .case-study-longform .chapter-nav a>span:first-child{font:10px/1.6 ui-monospace,monospace;color:#927b89}html.jbn-live .case-study-longform .chapter-nav a[aria-current=location]{color:#715982;border-color:#9a86a7}html.jbn-live .case-study-longform .chapter-nav a[aria-current=location]>span:last-child{font-weight:600}html.jbn-live .case-study-longform .chapter-nav .case-delivery-jump{margin-top:14px}html.jbn-live .case-study-longform .case-chapter{padding-bottom:75px;scroll-margin-top:110px}html.jbn-live .case-study-longform .chapter-label{font-size:9px;line-height:1.6;margin-bottom:20px;letter-spacing:.09em}html.jbn-live .case-study-longform .chapter-copy{max-width:740px}html.jbn-live .case-study-longform .chapter-copy h2{font-size:clamp(32px,3.4vw,53px);line-height:1.09;letter-spacing:-.045em;margin-bottom:27px;max-width:730px;text-wrap:balance}html.jbn-live .case-study-longform .chapter-copy p{font-size:17px;line-height:1.85;max-width:66ch}html.jbn-live .case-study-longform .chapter-copy p+p{margin-top:1.2em}html.jbn-live .case-chapter-media{margin-top:35px}html.jbn-live .case-chapter-media.is-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}html.jbn-live .case-study-longform .case-chapter .case-chapter-media figure{margin:0;min-width:0}html.jbn-live .case-study-longform .case-chapter figure img{width:100%;height:auto;max-height:none;object-fit:contain}html.jbn-live .case-study-longform .case-chapter .is-pair figure:nth-child(2){padding-top:28px}html.jbn-live .case-study-longform .case-chapter figcaption{font-size:9px;line-height:1.8;max-width:650px}html.jbn-live .case-delivery{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;padding:45px clamp(25px,4vw,60px);border-block:1px solid var(--line);background:radial-gradient(ellipse at 0 0,#dbe4d7b3,transparent 65%),radial-gradient(ellipse at 100% 100%,#e9deee70,transparent 65%);scroll-margin-top:110px}html.jbn-live .case-delivery h2{font-size:clamp(32px,3.3vw,51px);line-height:1.1;letter-spacing:-.04em;margin:22px 0}html.jbn-live .case-delivery>div>p{font-size:14px;line-height:1.8;max-width:430px}html.jbn-live .case-delivery ul{list-style:none;margin:0;padding:0}html.jbn-live .case-delivery li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:15px;padding:18px 0;border-top:1px solid #707b6e3d}html.jbn-live .case-delivery li:first-child{padding-top:0;border-top:0}html.jbn-live .case-delivery li>span{font-size:17px;color:#76647f}html.jbn-live .case-delivery h3{font-size:20px;line-height:1.25;letter-spacing:-.02em}html.jbn-live .case-delivery li p{font-size:12px;line-height:1.8;margin-top:10px;max-width:510px}html.jbn-live .case-connected-work{padding-top:80px}html.jbn-live .case-connected-work .section-heading h2{font-size:clamp(38px,4vw,60px)}
@media(max-width:980px){html.jbn-live .case-study-longform .case-body{grid-template-columns:minmax(135px,.6fr) minmax(0,2fr);gap:6%}html.jbn-live .case-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}html.jbn-live .case-facts>div:nth-child(3){padding-left:0;border-left:0}html.jbn-live .case-context{gap:7%}html.jbn-live .case-delivery{gap:7%}}
@media(max-width:760px){html.jbn-live .case-study-longform .case-opening{padding-block:38px;grid-template-columns:1fr;gap:28px}html.jbn-live .case-study-longform .case-opening>div{max-width:100%}html.jbn-live .case-study-longform .case-opening>div p{max-width:500px}html.jbn-live .case-study-longform .case-opening .large-copy{font-size:27px}html.jbn-live .case-study-longform .scope{grid-column:auto;gap:8px 20px}html.jbn-live .case-facts{padding-block:24px;gap:25px 17px}html.jbn-live .case-facts>div{padding-left:16px}html.jbn-live .case-facts dt{font-size:8px}html.jbn-live .case-facts dd{font-size:23px;line-height:1.25}html.jbn-live .case-context{grid-template-columns:1fr;gap:32px;padding-block:35px 40px}html.jbn-live .case-context p{font-size:17px;margin-top:15px;line-height:1.8}html.jbn-live .case-context>div:last-child p{font-size:28px;line-height:1.45}html.jbn-live .case-study-longform .case-body{display:block;padding-block:32px 0}html.jbn-live .case-study-longform .chapter-nav{position:static;max-height:none;overflow:visible;padding:0;margin-bottom:42px}html.jbn-live .case-study-longform .chapter-nav .eyebrow{margin-bottom:14px}html.jbn-live .case-study-longform .chapter-nav a{display:grid;font-size:11px;min-height:44px;max-width:none;padding-block:11px}html.jbn-live .case-study-longform .chapter-nav .case-delivery-jump{margin-top:0}html.jbn-live .case-study-longform .case-chapter{padding-bottom:48px;scroll-margin-top:100px}html.jbn-live .case-study-longform .chapter-label{margin-bottom:17px;font-size:8px}html.jbn-live .case-study-longform .chapter-copy h2{font-size:35px;line-height:1.12;margin-bottom:20px}html.jbn-live .case-study-longform .chapter-copy p{font-size:16px;line-height:1.85}html.jbn-live .case-chapter-media{margin-top:27px}html.jbn-live .case-chapter-media.is-pair{gap:12px}html.jbn-live .case-study-longform .case-chapter .is-pair figure:nth-child(2){padding-top:18px}html.jbn-live .case-study-longform .case-chapter figcaption{font-size:8px;margin-top:10px}html.jbn-live .case-delivery{grid-template-columns:1fr;gap:28px;padding:30px 24px}html.jbn-live .case-delivery h2{font-size:36px;margin:18px 0}html.jbn-live .case-delivery>div>p{font-size:13px}html.jbn-live .case-delivery h3{font-size:21px}html.jbn-live .case-delivery li{padding-block:17px}html.jbn-live .case-connected-work{padding-top:50px}html.jbn-live .case-connected-work .section-heading h2{font-size:40px}}
@media(max-width:350px){html.jbn-live .case-study-longform .chapter-copy h2{font-size:31px}html.jbn-live .case-facts dd{font-size:21px}html.jbn-live .case-chapter-media.is-pair{grid-template-columns:1fr;gap:24px}html.jbn-live .case-study-longform .case-chapter .is-pair figure:nth-child(2){padding-top:0}}
@media print{html.jbn-live .case-study-longform .chapter-nav,html.jbn-live .case-study-longform .case-jump{display:none}html.jbn-live .case-study-longform .case-body{display:block}html.jbn-live .case-study-longform .chapter-copy{max-width:none}html.jbn-live .case-study-longform .chapter-copy p{max-width:none}html.jbn-live .case-study-longform .case-chapter{break-inside:avoid}}
html.jbn-live .case-study-longform .chapter-nav a{width:100%;margin-right:0}html.jbn-live .case-connected-work :is(.project-grid,#work-results):has(>.project-card:only-child){grid-template-columns:minmax(0,1fr);max-width:850px}html.jbn-live .case-connected-work .case-library-link{display:flex;justify-content:flex-end;margin-top:35px}
/* The shared site already reserves 110px for anchor navigation. */
html.jbn-live .case-study-longform .case-chapter,html.jbn-live .case-study-longform .case-delivery{scroll-margin-top:0}

/* Silent Spaces: the documentary is a screening pause within the final chapter. */
html.jbn-live .case-study-longform .case-chapter .case-screening{margin:34px 0 0;background:#18201e;color:#f6f4ef;overflow:hidden}
html.jbn-live .case-screening-label{padding:20px 22px;border-top:2px solid #d9ac94;color:#dfbda8;font-size:9px;letter-spacing:.1em}
html.jbn-live .case-screening-play{display:block;position:relative;color:inherit;text-decoration:none;background:#050706}
html.jbn-live .case-study-longform .case-screening-play img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}
html.jbn-live .case-screening-play:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#070c0bdb);pointer-events:none}
html.jbn-live .case-screening-invitation{position:absolute;inset:auto 22px 22px;z-index:1;display:flex;align-items:center;gap:14px;font-size:16px;line-height:1.4}
html.jbn-live .case-screening-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid #f6f4ef8c;border-radius:50%;font-size:13px;padding-left:2px;background:#f6f4ef0d;transition:background .2s,color .2s,transform .2s}
html.jbn-live .case-screening-time{margin-left:auto;font:11px/1.4 ui-monospace,monospace;white-space:nowrap}
html.jbn-live .case-screening-play:hover .case-screening-icon{background:#f3d4bf;color:#18201e;transform:scale(1.06)}
html.jbn-live .case-screening-play:focus-visible{outline:3px solid #e3b7ed;outline-offset:-4px}
html.jbn-live .case-study-longform .case-screening figcaption{padding:17px 22px 19px;margin:0;max-width:none;font:12px/1.75 Bricolage,sans-serif;letter-spacing:0;color:#dddcd4;border-top:1px solid #f6f4ef24}
html.jbn-live .case-chapter-afterword{margin-top:27px}
html.jbn-live .case-partners{margin-top:38px;padding-top:27px;border-top:1px solid var(--line)}
html.jbn-live .case-partners h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;margin:0 0 15px}
html.jbn-live .case-partners>p{font-size:14px;line-height:1.8;max-width:65ch;margin:0 0 25px}
html.jbn-live .case-partners dl{margin:0}
html.jbn-live .case-partners dl>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:24px;padding:18px 0;border-top:1px solid var(--line)}
html.jbn-live .case-partners dt{font:9px/1.8 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em;color:#696c62}
html.jbn-live .case-partners dd{margin:0;min-width:0}
html.jbn-live .case-partners ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 20px}
html.jbn-live .case-partners li{font-size:13px;line-height:1.8}
html.jbn-live .case-partners .case-partners-production{font-size:12px;line-height:1.8;margin:20px 0 0;color:#666c61}
@media(max-width:760px){html.jbn-live .case-screening-label{padding:17px 16px;font-size:8px}html.jbn-live .case-screening-invitation{inset:auto 16px 16px;gap:10px;font-size:14px}html.jbn-live .case-screening-icon{flex-basis:38px;height:38px;font-size:11px}html.jbn-live .case-screening-time{font-size:10px}html.jbn-live .case-study-longform .case-screening figcaption{padding:14px 16px 16px;font-size:12px}html.jbn-live .case-partners dl>div{grid-template-columns:1fr;gap:9px;padding:17px 0}html.jbn-live .case-partners ul{gap:4px 17px}html.jbn-live .case-partners>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html.jbn-live .case-screening-icon{transition:none}html.jbn-live .case-screening-play:hover .case-screening-icon{transform:none}}