/* The film and actual responsibilities carry the case study hierarchy. */
.case-intro h1{font-size:clamp(60px,7.5vw,112px);max-width:1100px}
.case-overline{margin-top:30px}
.case-subtitle{font-size:18px;max-width:660px;margin-top:18px}
.case-credits{grid-template-columns:1.35fr 1fr .8fr;gap:30px}
.role-summary{display:block;font-size:14px;line-height:1.65;color:var(--muted);max-width:380px;margin-top:9px}
.case-credits a{border-color:#73797f}
.case-films{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);column-gap:6%;row-gap:22px;align-items:start}
.film-intro{grid-column:1;grid-row:1}
.film-intro h2{font-size:clamp(36px,3.4vw,48px);margin:0 0 18px}
.film-player{grid-column:2;grid-row:1 / 3}
.film-selection{grid-column:1;grid-row:2;min-width:0}
.film-instruction{font-size:14px;color:var(--muted);margin:0 0 12px}
.film-choices{margin-top:0}
.case-context{grid-template-columns:.7fr 1.3fr;gap:6%}
.case-context h2,.contribution-heading h2{font-size:clamp(36px,3.4vw,48px);line-height:1.05}
.case-context h2{margin-top:14px}
.case-context>p{max-width:760px}
.contribution-heading{align-items:end}
.contribution-heading h2{width:auto}
.case-facts{margin:36px 0 48px}
.case-facts dt{font-size:36px}
.contributions h3{font-size:19px;line-height:1.45;margin-top:12px}
.contributions p{line-height:1.8}
.case-gallery-heading h2{font-size:clamp(30px,3.4vw,46px)}
.journal-stage{grid-template-columns:minmax(0,1fr) 228px;background:#191b1d}
.journal-view{padding:18px;background:#151719}
.journal-view img{height:clamp(350px,55svh,620px)}
.journal-landscape .journal-view img{height:auto;max-height:620px}
.journal-number{font:500 32px/1.1 var(--body);color:var(--muted);margin-top:24px;letter-spacing:-.02em}
.journal-eyebrow{font-size:12px;line-height:1.5;letter-spacing:.08em}
.journal-caption{font-family:var(--body)!important;font-size:19px!important;line-height:1.55!important}
.photo-journal .case-photo-grid{scrollbar-color:#91969b transparent}
.photo-journal .case-photo-grid button{background:#191b1d}
.photo-journal .case-photo-grid button[aria-pressed=true]{border-color:var(--paper)}
.photo-journal button:focus-visible,.journal-dialog button:focus-visible{outline-color:var(--paper)}
.journal-expand,.journal-dialog .journal-back,.journal-dialog .journal-forward{background:#101112e8}
.journal-dialog{background:#101112f5;color:var(--paper)}
.journal-dialog::backdrop{background:#101112}
@media(max-width:760px){
 .case-intro h1{font-size:clamp(46px,12vw,78px)}
 .case-credits{grid-template-columns:1fr 1fr;gap:20px}
 .case-credits>div:first-child{grid-column:1/-1}
 .case-credits>div:last-child{grid-column:auto}
 .case-credits dd{font-size:15px}
 .role-summary{max-width:540px;font-size:14px;margin-top:6px}
 .case-films{display:flex;flex-direction:column;gap:22px;padding-top:24px}
 .film-intro,.film-selection{width:100%}
 .film-intro h2{font-size:36px;margin-bottom:14px}
 .film-intro>p{max-width:none}
 .film-player{align-self:center}
 .portrait .film-player{max-width:360px}
 .film-selection{margin-top:2px}
 .case-context{grid-template-columns:1fr;gap:20px}
 .case-context h2,.contribution-heading h2{font-size:36px}
 .contribution-heading{display:block}
 .case-facts{margin:28px 0 36px}
 .case-facts dt{font-size:30px}
 .journal-view{padding:14px 12px 45px}
 .journal-view img{height:min(58svh,480px)}
 .journal-landscape .journal-view img{height:auto;max-height:none}
 .journal-note{grid-template-columns:34px 1fr}
 .journal-number{margin:0;font-size:23px}
 .journal-caption{font-size:16px!important}
 .journal-eyebrow{font-size:12px}
}