/* Media occupies 80% of the established case rail; text geometry stays fixed. */
.project-view.compact-case{--case-media-scale:.8;--case-post-scale:.8}
.project-view.compact-case .case-grid-layout{margin-left:25.716%;width:74.284%;display:grid;grid-template-columns:16.958vw minmax(0,1fr) 41.875vw;align-items:start}
.project-view.compact-case .case-context{position:static;grid-column:1;left:auto;top:auto;width:auto;min-width:0;padding:45.293svh 0 0}
.project-view.compact-case .case-media-rail{grid-column:3;min-width:0;width:calc(100% * var(--case-media-scale));justify-self:start}
.project-view.compact-case .case-media-group{margin:0;padding:0}
.project-view.compact-case .case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(3px * var(--ref) * var(--case-media-scale));align-items:start}
.project-view.compact-case .case-media-group[data-media-format="post"]>.case-gallery{width:calc(100% * var(--case-post-scale));gap:calc(3px * var(--ref) * var(--case-media-scale) * var(--case-post-scale))}
.project-view.compact-case .case-grid-cell{min-width:0;width:100%;margin:0;aspect-ratio:1}
.project-view.compact-case .case-grid-cell .media-button{display:block;width:100%;height:100%;aspect-ratio:1;overflow:hidden;padding:0;border:1px solid var(--line);background:var(--paper)}
.project-view.compact-case .case-grid-cell img{display:block;width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.project-view.compact-case .case-group-title{font-family:var(--mono);font-size:calc(8px * var(--ref));line-height:calc(12px * var(--ref));letter-spacing:calc(.8px * var(--ref));font-weight:350;margin:calc(24px * var(--ref)) 0 calc(12px * var(--ref))}
.project-view.compact-case .case-context .case-statement{width:100%;padding:0;margin-top:calc(24px * var(--ref))}
.project-view.compact-case .case-context .case-statement .statement{font-family:var(--mono);font-size:calc(8px * var(--ref));line-height:calc(12px * var(--ref));letter-spacing:calc(.8px * var(--ref));font-weight:350;text-transform:uppercase;margin:0}
.project-view.compact-case .case-context .case-statement h2{font-family:var(--mono);font-size:calc(8px * var(--ref));line-height:calc(12px * var(--ref));letter-spacing:calc(.8px * var(--ref));font-weight:350;margin:0 0 calc(12px * var(--ref))}
/* Kamalampi: native feed first; every other image fills a borderless square. */
.project-view.kamalampi-case .case-grid-cell .media-button{border:0;background:transparent}
.project-view.kamalampi-case .case-grid-cell img{object-fit:cover}
.project-view.kamalampi-case .case-grid-cell.case-feed{grid-column:1/-1;aspect-ratio:auto}
.project-view.kamalampi-case .case-grid-cell.case-feed .media-button{height:auto;aspect-ratio:auto;overflow:visible}
.project-view.kamalampi-case .case-grid-cell.case-feed img{height:auto;max-height:none;object-fit:contain}
.project-view.kamalampi-case .case-media-group:first-child .case-group-title{margin-top:calc(14px * var(--ref))}
@media(max-width:700px){
 #app[data-view=project] .site-header{height:62px;background:var(--paper)}
 #app[data-view=project] .case-title{z-index:51;pointer-events:none}
 .project-view.compact-case .case-grid-layout{display:block;margin-left:0;width:100%}
 .project-view.compact-case .case-context{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:125px 18px 28px}
 .project-view.compact-case .case-context .case-statement{grid-column:1/-1;margin-top:0}
 .project-view.compact-case .case-media-rail{width:calc(100% * var(--case-media-scale));margin-inline:auto}
 .project-view.compact-case .case-gallery{gap:calc(3px * var(--case-media-scale))}
 .project-view.compact-case .case-media-group[data-media-format="post"]>.case-gallery{gap:calc(3px * var(--case-media-scale) * var(--case-post-scale))}
 .project-view.compact-case .case-group-title{margin:24px 18px 12px}
}