/* Case-specific image scale. Source compositions are never stretched or cropped. */
.case-presentation .reference-article-layout{grid-template-columns:180px minmax(0,1fr) 180px;max-width:1440px;gap:24px;padding-inline:24px}
.case-presentation .article-section{min-width:0}
.case-presentation .article-section>p{max-width:760px;margin-inline:auto}
.case-presentation .case-media{width:100%;max-width:min(100%,var(--media-native));margin:32px auto 48px}
.case-presentation .case-media.case-portrait{width:min(100%,calc(680px * var(--media-ratio)),calc((100svh - 160px) * var(--media-ratio)));max-width:var(--media-native)}
.case-presentation .case-media-zoom,.case-presentation .case-media-zoom>picture{display:block;width:100%;height:auto}
.case-presentation .case-media-zoom picture img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none}
.case-presentation .case-media figcaption{font-size:12px;line-height:1.5;margin-top:12px;text-align:center}
.case-presentation .case-media-zoom:focus-visible{outline:2px solid #050505;outline-offset:5px}
@media(max-width:1100px){
 .case-presentation .reference-article-layout{grid-template-columns:160px minmax(0,1fr);gap:24px}
 .case-presentation .related-sidebar{grid-column:2;position:static;max-height:none}
}
@media(max-width:760px){
 .case-presentation .reference-article-layout{display:block;padding-inline:20px}
 .case-presentation .case-media{margin-block:24px 36px}
 .case-presentation .case-media.case-portrait{width:min(100%,calc(680px * var(--media-ratio)))}
}
@media(max-width:600px){
 .case-presentation .case-media{max-width:min(100%,var(--mobile-native))}
 .case-presentation .case-media.case-portrait{width:min(100%,calc(640px * var(--mobile-ratio)),calc((100svh - 140px) * var(--mobile-ratio)))}
 .case-presentation .case-media figcaption{font-size:11px}
}
.case-presentation .article-section{width:100%;max-width:none}
.case-presentation .case-media{width:min(100%,calc(720px * var(--media-ratio)));max-width:var(--media-native)}
@media(max-width:600px){.case-presentation .case-media{width:min(100%,calc(640px * var(--mobile-ratio)));max-width:var(--mobile-native)}}
/* Reserve the exact image box while lazy images load, preventing layout jumps. */
.case-presentation .case-media-zoom picture img{aspect-ratio:var(--media-ratio)}
@media(max-width:600px){.case-presentation .case-media-zoom picture img{aspect-ratio:var(--mobile-ratio)}}
.case-presentation .case-lightbox{padding:12px;max-height:94svh}
.case-image-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 0 12px;background:#fafafa}
.case-image-toolbar button{font:12px/1.4 Inter,Arial,sans-serif;padding:8px 10px;background:#fafafa;border:1px solid #cdcdcd;border-radius:4px;cursor:pointer;color:#050505}
.case-presentation .case-image-toolbar .close-lightbox{position:static;margin:0}
.case-image-viewport{max-height:calc(90svh - 64px);overflow:auto;overscroll-behavior:contain}
.case-presentation .case-lightbox img{display:block;width:100%;height:auto;max-height:calc(90svh - 64px);object-fit:contain}
.case-presentation .case-lightbox.image-native img{width:var(--native-width);max-width:none;max-height:none;height:auto}