/* Compact presentation for the project pages selected for this layout. */
.case-compact .case-main.shell{padding-top:20px}
.case-compact .case-main .case-breadcrumb{margin-bottom:20px}
.case-compact .case-main :is(.case-hero,.case-intro,.expanded-chapter,.kivuli-chapter){padding-block:32px}
.case-compact .case-main .case-hero{gap:28px;align-items:center}
.case-compact .case-main .case-hero h1{font-size:clamp(2.5rem,5.6vw,4.8rem);line-height:1.08;margin-top:12px}
.case-compact .case-main .case-kicker{font-size:.8125rem;letter-spacing:.08em}
.case-compact .case-main .case-meta{gap:8px;margin-top:14px}
.case-compact .case-main .case-meta span{font-size:.8125rem;padding:5px 9px}
.case-compact .case-main .case-intro{gap:28px;align-items:start}
.case-compact .case-main .case-intro h2{font-size:clamp(1.5rem,2.8vw,2.25rem);line-height:1.2}
.case-compact .case-main :is(.case-lead,.case-intro p,.expanded-intro,.kivuli-chapter-intro){font-size:1rem;line-height:1.7}
.case-compact .case-main :is(.expanded-intro,.kivuli-chapter-intro){margin-top:10px}
.case-compact .case-main .case-gallery-heading{gap:12px}
.case-compact .case-main .case-gallery-heading h2{font-size:clamp(1.35rem,2.4vw,2rem)}
.case-compact .case-main :is(.kivuli-cover,.case-cover){padding-block:24px}
.case-compact .case-main .case-cover img{max-height:660px}
.case-compact .case-main :is(.kivuli-gallery,.expanded-gallery){gap:20px;margin-top:18px}
.case-compact .case-main .kivuli-chapter>.kivuli-gallery:first-child{margin-top:0}
.case-compact .case-main :is(.kivuli-gallery,.expanded-gallery) figcaption{margin-top:8px;line-height:1.5}
.case-compact .case-main .expanded-gallery .wide{width:min(100%,920px);justify-self:center}
.case-compact .case-main .expanded-gallery .wide img{max-height:640px;object-fit:contain}
.case-compact .case-main .expanded-gallery .environment-plate{width:min(100%,400px)}
.case-compact .case-main .case-footer{padding-block:24px}
@media(min-width:600px){
  .case-compact .kivuli-foundations .kivuli-gallery,.case-compact .kivuli-campaign .kivuli-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-compact .kivuli-campaign .kivuli-gallery figure:last-child{grid-column:1/-1;width:min(100%,640px);justify-self:center}
}
@media(min-width:1100px){
  .case-compact .kivuli-campaign .kivuli-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
  .case-compact .kivuli-campaign .kivuli-gallery figure:last-child{grid-column:auto;width:100%;justify-self:stretch}
}
@media(max-width:760px){
  .case-compact .case-main.shell{padding-top:16px}
  .case-compact .case-main .case-breadcrumb{margin-bottom:16px}
  .case-compact .case-main :is(.case-hero,.case-intro,.expanded-chapter,.kivuli-chapter){padding-block:24px}
  .case-compact .case-main :is(.case-hero,.case-intro){gap:18px}
  .case-compact .case-main :is(.kivuli-cover,.case-cover){padding-block:18px}
  .case-compact .case-main .case-gallery-heading span{margin-top:4px}
}