.product-shot{position:relative;height:250px;margin:18px 0 20px;border:1px solid #d8e2de;border-radius:15px;background:#eef3f0;overflow:hidden;box-shadow:0 15px 34px rgba(27,61,54,.09)}
.product-shot img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;transition:transform .35s ease}
.project-card:hover .product-shot img{transform:scale(1.018)}
.product-shot::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(11,38,33,.82));pointer-events:none}
.product-shot figcaption{position:absolute;z-index:1;left:17px;right:17px;bottom:13px;display:flex;align-items:end;justify-content:space-between;gap:15px;color:#fff}
.product-shot figcaption span{font-size:9px;font-weight:900;letter-spacing:1.2px;opacity:.78}
.product-shot figcaption b{font-size:12px;text-align:right}
.timelens-shot img{object-position:top left}
.evidence-board{margin:0;border:1px solid #d6e0dc;border-radius:22px;background:#fff;box-shadow:0 24px 65px rgba(25,61,53,.1);overflow:hidden}
.evidence-board>div{min-width:0}
.evidence-board{display:grid;grid-template-columns:1.35fr .65fr}
.evidence-screen{position:relative;min-height:520px;background:#edf2ef;overflow:hidden}
.evidence-screen>img{width:100%;height:100%;display:block;object-fit:cover;object-position:top left}
.screen-label{position:absolute;left:18px;top:18px;padding:7px 10px;border-radius:999px;background:rgba(18,55,48,.9);color:#fff;font-size:9px;font-weight:900;letter-spacing:1.2px}
.screen-stats{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.screen-stats span{padding:11px;border:1px solid rgba(255,255,255,.4);border-radius:11px;background:rgba(255,255,255,.92);color:#667a74;font-size:10px;box-shadow:0 8px 25px rgba(10,36,31,.12)}
.screen-stats b{display:block;color:#153d37;font:700 22px/1.1 Georgia,serif}
.evidence-chain{padding:26px;display:flex;flex-direction:column;background:#f7f9f7}
.evidence-chain article{padding:17px;border:1px solid #dce5e1;border-radius:13px;background:#fff}
.evidence-chain small,.evidence-chain b,.evidence-chain p{display:block}
.evidence-chain small{color:#315fce;font-size:9px;font-weight:900;letter-spacing:1px}
.evidence-chain b{margin:5px 0;font-size:15px}
.evidence-chain p{margin:0;color:#74847f;font-size:11px;line-height:1.55}
.evidence-chain>i{height:20px;text-align:center;color:#91a19c;font-style:normal}
.evidence-chain .execution-proof{margin-top:auto;background:#153d37;color:#fff;border-color:#153d37}
.execution-proof small{color:#72d8b3}
.execution-proof pre{margin:10px 0 8px;padding:12px;border-radius:9px;background:#102f2a;color:#d8ebe5;font:10px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}
.execution-proof pre span{color:#71d8ae}.execution-proof pre strong{color:#ffcc70}.execution-proof em{color:#a9beb8;font-size:10px;font-style:normal}
.evidence-board>figcaption{grid-column:1/-1;padding:17px 21px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dce5e1;color:#61746e;font-size:12px;font-weight:700}
.evidence-board>figcaption a{color:#147a67;text-decoration:none;font-weight:900;white-space:nowrap}
@media(max-width:820px){.evidence-board{grid-template-columns:1fr}.evidence-screen{min-height:400px}.evidence-chain{gap:0}.evidence-chain .execution-proof{margin-top:0}}
@media(max-width:620px){.product-shot{height:190px}.product-shot figcaption{display:grid}.product-shot figcaption b{text-align:left}.evidence-screen{min-height:300px}.screen-stats{left:10px;right:10px;bottom:10px}.screen-stats span{padding:8px}.screen-stats b{font-size:17px}.evidence-chain{padding:14px}.evidence-board>figcaption{align-items:flex-start;display:grid}}