/* Real projects use large photographs of the app, with quiet captions. */
.brand-home .case-story{padding-block:70px;align-items:start}
.brand-home .case-intro,.brand-home .case-effect{font-size:16px;line-height:1.85}
.real-case-figure{margin:0;display:flex;flex:1;flex-direction:column;gap:22px}
.real-case-figure a{display:flex;flex:1;min-height:360px;position:relative;justify-content:center;align-items:center;background:#f3f3ed;padding:18px;color:var(--accent)}
.real-case-figure img{display:block;width:100%;height:460px;object-fit:contain;object-position:center}
.real-case-figure a span{position:absolute;bottom:14px;right:18px;font-size:12px;background:#fff3d8;padding:9px 14px}
.real-case-figure figcaption{font-size:16px;line-height:1.8;color:#565348;max-width:700px}
.case-story .demo-slide{background:transparent;padding:0}
.case-story .demo-slide-title{font-size:24px;margin:12px 0 20px;color:var(--accent)}
.case-story .demo-caption{font-size:12px}
.case-story .demo-disclaimer{font-size:11px}
.case-story .case-flow>ol{display:none}
@media(max-width:800px){.real-case-figure a{min-height:220px;padding:10px}.real-case-figure img{height:360px}.real-case-figure figcaption{font-size:15px}.case-story .demo-slide-title{font-size:21px}.brand-home .case-story{padding-block:42px}.real-case-figure a span{font-size:11px;bottom:10px;right:10px}}