/* Bounded previews outside ProjectEvidence; its styles live in portfolio.css. */
.studio-evidence .portfolio-shot{height:auto;min-height:0;background:var(--surface)}
.studio-evidence .portfolio-shot img,.related-project>img{display:block;width:100%;max-width:100%;height:320px;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;padding:var(--space-4);box-sizing:border-box;background:var(--surface)}
.studio-evidence .portfolio-shot>span{position:static;display:flex;justify-content:space-between;margin:0;padding:var(--space-3) var(--space-4);min-height:44px;border:0;border-top:1px solid var(--line);border-radius:0;background:var(--panel)}
.real-examples figure:has(img[data-shot-format=portrait]){grid-template-columns:minmax(0,320px) minmax(0,1fr)}
.real-examples .example-open img[data-shot-format=portrait]{height:320px}
.studio-evidence{width:100%;max-width:560px;justify-self:end}
@media(max-width:900px){.real-examples figure:has(img[data-shot-format=portrait]){grid-template-columns:minmax(0,280px) minmax(0,1fr)}}
@media(max-width:800px){.studio-evidence{max-width:none}}
@media(max-width:620px){.studio-evidence .portfolio-shot img{height:260px}.real-examples figure:has(img[data-shot-format=portrait]){grid-template-columns:1fr}}

/* A sequence of three evidence frames reads as one gallery, not three empty rows. */
.real-examples:is([data-example-project="avito-monitor"],[data-example-project="news-automation"]) .real-examples-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.real-examples:is([data-example-project="avito-monitor"],[data-example-project="news-automation"]) figure{display:block}
.real-examples:is([data-example-project="avito-monitor"],[data-example-project="news-automation"]) figcaption{padding-top:var(--space-4)}
.real-examples[data-example-project="news-automation"] .example-open img{height:240px}
.real-examples[data-example-project="podryad-radar"] img[data-shot-format="landscape"]{height:240px}
@media(max-width:1000px){.real-examples:is([data-example-project="avito-monitor"],[data-example-project="news-automation"]) .real-examples-grid{grid-template-columns:1fr}.real-examples:is([data-example-project="avito-monitor"],[data-example-project="news-automation"]) figure{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:var(--space-6)}.real-examples:is([data-example-project="avito-monitor"],[data-example-project="news-automation"]) figcaption{padding-top:0}}
@media(max-width:620px){.real-examples:is([data-example-project="avito-monitor"],[data-example-project="news-automation"]) figure{display:block}.real-examples:is([data-example-project="avito-monitor"],[data-example-project="news-automation"]) figcaption{padding-top:var(--space-4)}}

.related-project{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);align-items:center}
.related-project>img{height:240px;border-bottom:0;border-right:1px solid var(--line)}
.related-projects-grid:has(>.related-project:only-child){grid-template-columns:1fr}
.related-projects-grid:has(>.related-project:only-child)>.related-project{grid-template-columns:minmax(0,240px) minmax(0,1fr)}
@media(max-width:1100px){.related-projects-grid{grid-template-columns:1fr}}
@media(max-width:620px){.related-project,.related-projects-grid:has(>.related-project:only-child)>.related-project{grid-template-columns:1fr}.related-project>img{height:240px;border-right:0;border-bottom:1px solid var(--line)}.related-project>img[data-shot-format=portrait]{height:280px}}