/* People First Branding · Phase 1 editorial refinement, November 2026.
   Page-scoped to the two index pages. Do not affect approved case studies. */
.jb-work .jb-work-hero{padding-top:28px;padding-bottom:62px}
.jb-work .jb-work-hero h1{font-size:clamp(76px,11.4vw,166px);line-height:.9;margin:44px 0 36px}
.jb-work .jb-work-hero-bottom{gap:38px}
.jb-work .jb-work-hero-bottom p:last-child{max-width:425px;font-size:14px}
.jb-work .jb-work-featured{padding-top:82px;padding-bottom:90px}
.jb-work .jb-section-brief{margin:34px 0 42px}
.jb-work .jb-section-brief h2{font-size:clamp(53px,6.6vw,98px)}
.jb-work .jb-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:27px;row-gap:45px}
.jb-work .jb-feature-case{padding-top:12px;min-width:0}
.jb-work .jb-case-link{display:flex;flex-direction:column;align-items:stretch;gap:0}
.jb-work .jb-feature-case:nth-child(even) .jb-feature-image,
.jb-work .jb-feature-case:nth-child(even) .jb-feature-descr{order:initial}
.jb-work .jb-feature-image{width:100%;aspect-ratio:3/2;background:#e8e2d8}
.jb-work .jb-feature-image-dark{background:#e8e2d8}
.jb-work .jb-feature-image img{width:100%;height:100%;padding:0;object-fit:contain;object-position:center;display:block}
.jb-work .jb-feature-descr{padding:18px 1px 0;width:100%;flex:1;display:flex;flex-direction:column}
.jb-work .jb-feature-title-row{margin:14px 0 12px}
.jb-work .jb-feature-title-row h3{font-size:clamp(30px,3.6vw,52px);line-height:1.04;max-width:420px}
.jb-work .jb-feature-title-row>span{font-size:26px}
.jb-work .jb-feature-tags{font-size:9px;gap:6px}
.jb-work .jb-feature-descr p{font-size:13px;line-height:1.6;max-width:460px;margin:0}
.jb-work .jb-feature-index{left:11px;bottom:11px;font-size:8px;letter-spacing:.12em}
.jb-work .jb-allwork{padding:84px 0 110px}
.jb-work .jb-index-heading{margin:38px 0 30px}
.jb-work .jb-index-heading h2{font-size:clamp(55px,6.5vw,100px)}
.jb-work .jb-work-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.jb-work .jb-work-index-row{min-width:0}
.jb-work .jb-work-index-row a{display:grid;grid-template-columns:24px minmax(0,1fr) 95px;grid-template-rows:auto auto;gap:8px 11px;min-height:134px;padding:19px 0;align-items:start;transition:background .2s}
.jb-work .jb-work-index-row a:hover{padding-left:0;background:#f5f0e7}
.jb-work .jb-index-num{grid-column:1;grid-row:1/3;padding-top:6px}
.jb-work .jb-index-main{grid-column:2;grid-row:1}
.jb-work .jb-index-main strong{font-size:clamp(23px,2.2vw,32px);line-height:1.18}
.jb-work .jb-index-main>span{font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jb-work .jb-index-discipline{grid-column:2;grid-row:2;font-size:9px;letter-spacing:.09em;align-self:end}
.jb-work .jb-index-thumbnail{grid-column:3;grid-row:1/3;width:95px;height:95px;align-self:center}
.jb-work .jb-index-arrow{display:none}
.jb-home .jb-home-work-photo{height:auto!important;min-height:0;aspect-ratio:3/2;background:#e9e2d6}
.jb-home .jb-home-work-photo img{display:block;width:100%;height:100%;padding:0;object-fit:contain;object-position:center}
.jb-home .jb-home-work-photo .jb-figure-tag{background:rgba(248,246,240,.96);color:#201b1b}
.jb-home .jb-selected-head{margin:45px 0 35px}
.jb-home .jb-feature-stack{row-gap:43px}
.jb-home .jb-selected{padding-top:77px;padding-bottom:90px}
.jb-home .jb-portrait-image img{filter:grayscale(100%) contrast(1.045)}
@media(max-width:920px){
 .jb-work .jb-feature-title-row h3{font-size:clamp(28px,4.2vw,43px)}
 .jb-work .jb-work-index{gap:0 22px}
 .jb-work .jb-work-index-row a{grid-template-columns:20px minmax(0,1fr) 80px;gap:8px;min-height:128px}
 .jb-work .jb-index-thumbnail{width:80px;height:80px}
 .jb-work .jb-feature-tags{line-height:1.6}
}
@media(max-width:680px){
 .jb-work .jb-work-hero{padding:23px 0 48px}
 .jb-work .jb-work-hero h1{font-size:clamp(66px,15vw,102px);margin:35px 0 28px}
 .jb-work .jb-work-hero-bottom{grid-template-columns:1fr;gap:14px}
 .jb-work .jb-work-hero-bottom p:first-child{font-size:27px}
 .jb-work .jb-proofline{padding:30px 0}
 .jb-work .jb-work-featured{padding:56px 0 70px}
 .jb-work .jb-feature-list{grid-template-columns:1fr;gap:37px}
 .jb-work .jb-feature-image{aspect-ratio:3/2}
 .jb-work .jb-feature-title-row h3{font-size:clamp(37px,8.4vw,54px)}
 .jb-work .jb-feature-descr{padding-top:14px}
 .jb-work .jb-feature-descr p{font-size:13px}
 .jb-work .jb-section-brief{margin:27px 0 35px}
 .jb-work .jb-allwork{padding:68px 0 85px}
 .jb-work .jb-index-heading{margin:28px 0 24px}
 .jb-work .jb-work-index{grid-template-columns:1fr;gap:0}
 .jb-work .jb-work-index-row a{grid-template-columns:22px minmax(0,1fr) 77px;grid-template-rows:auto auto;gap:9px;min-height:112px}
 .jb-work .jb-index-thumbnail{width:77px;height:77px}
 .jb-work .jb-index-main strong{font-size:clamp(24px,6.4vw,32px)}
 .jb-work .jb-index-main>span{font-size:12px;-webkit-line-clamp:2}
 .jb-work .jb-index-discipline{font-size:8px}
 .jb-home .jb-home-work-photo{aspect-ratio:3/2}
 .jb-home .jb-selected{padding-top:58px;padding-bottom:64px}
 .jb-home .jb-feature-stack{row-gap:30px}
}