.full-case .case-media-rail{padding-top:calc(14px * var(--ref))}
.case-section{margin:0 0 calc(30px * var(--ref));min-width:0}
.case-section .case-group-title{margin:0 0 calc(12px * var(--ref))}
.case-section-note{font-size:calc(8px * var(--ref));line-height:calc(12px * var(--ref));letter-spacing:calc(.6px * var(--ref));margin:calc(10px * var(--ref)) 0 0;color:var(--muted)}
.case-section-grid{display:grid;grid-template-columns:repeat(var(--columns,2),minmax(0,1fr));gap:calc(3px * var(--ref) * var(--case-media-scale,1));max-width:min(100%,calc(var(--max-width,100000px) * var(--case-media-scale,1)));align-items:start}
.case-image{margin:0;min-width:0;aspect-ratio:var(--image-aspect,auto)}
.case-image .media-button{border:0;display:block;width:100%;height:100%;padding:0;background:transparent;overflow:hidden}
.case-image img{display:block;width:100%;height:100%;object-fit:var(--image-fit,contain);max-width:100%}
.case-image.native-image img{height:auto}
.case-video{width:100%;height:auto;display:block;aspect-ratio:var(--video-aspect,16/9);background:var(--paper);object-fit:contain}
.case-narrative-block{margin-top:calc(24px * var(--ref))}
.case-context .case-narrative-block p:last-child{margin-bottom:0}
.full-case .case-footer{margin-top:calc(12px * var(--ref))}
.case-section-grid>.portfolio-carousel .portfolio-carousel__toolbar{flex-wrap:wrap;gap:0}
.case-section-grid>.portfolio-carousel .portfolio-carousel__navigation{gap:0}
.case-section-grid>.portfolio-carousel .portfolio-carousel__zoom{font-size:0;padding:0;gap:0}
.case-section-grid>.portfolio-carousel .portfolio-carousel__zoom span{font-size:14px}
/* A second reduction applies to post media only; stories keep their rail size. */
.case-section[data-media-format="post"]>.case-section-grid,
.case-section[data-media-format="post"]>.portfolio-carousel{width:calc(100% * var(--case-post-scale,.8))}
.case-section[data-media-format="post"]>.case-section-grid{gap:calc(3px * var(--ref) * var(--case-media-scale,1) * var(--case-post-scale,.8));max-width:min(100%,calc(var(--max-width,100000px) * var(--case-media-scale,1) * var(--case-post-scale,.8)))}
.case-section[data-media-format="post"]>.telegram-posts-grid{column-gap:calc(16px * var(--ref) * var(--case-media-scale,1) * var(--case-post-scale,.8));row-gap:calc(28px * var(--case-post-scale,.8))}
.case-section[data-media-format="post"] .portfolio-carousel__toolbar{flex-wrap:wrap;column-gap:8px;row-gap:0}
@media(max-width:700px){
 .full-case .case-media-rail{padding-top:0}
 .case-section{margin-bottom:30px}
 .case-section .case-group-title{margin:0 18px 12px}
 .case-section-note{margin:10px 18px 0}
 .case-section-grid{grid-template-columns:repeat(var(--mobile-columns,1),minmax(0,1fr));gap:calc(3px * var(--case-media-scale,1))}
 .case-section[data-media-format="post"]>.case-section-grid{gap:calc(3px * var(--case-media-scale,1) * var(--case-post-scale,.8))}
 .case-section[data-media-format="post"]>.telegram-posts-grid{column-gap:calc(16px * var(--ref) * var(--case-media-scale,1) * var(--case-post-scale,.8));row-gap:calc(28px * var(--case-post-scale,.8))}
 .case-narrative-block{grid-column:1/-1;margin-top:0}
 .case-section-grid>.portfolio-carousel .portfolio-carousel__navigation{gap:3px}
 .case-section-grid>.portfolio-carousel .portfolio-carousel__zoom{font-size:inherit;padding:0 6px;gap:8px}
 .case-section-grid>.portfolio-carousel .portfolio-carousel__zoom span{font-size:inherit}
}
