/* One fixed visual canvas makes screenshots with different ratios align cleanly. */
.real-case .case-thumb{height:390px;padding:20px;background:#edf2f8;display:grid;place-items:center}.case-canvas{width:100%;height:100%;display:grid;place-items:center;background:#fff;border:1px solid #dfe7f0;padding:14px}.case-canvas img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 7px 18px #1d36561f}.real-case .case-meta{border-top:1px solid #e6edf6}.real-case:hover .case-canvas img{transform:none}@media(max-width:800px){.real-case .case-thumb{height:430px;padding:16px}.case-canvas{padding:12px}}