.proof-depth{margin-top:64px;outline-offset:8px;overflow:hidden}
.depth-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}
.depth-heading h3{font-size:clamp(24px,3vw,36px);margin:12px 0 0;letter-spacing:-.04em}
.depth-heading p{max-width:280px;color:var(--muted);line-height:1.6}
.depth-stage{position:relative;height:550px;perspective:1400px;touch-action:pan-y;cursor:grab;isolation:isolate}
.depth-stage:active{cursor:grabbing}
.depth-card{position:absolute;left:43%;top:50%;width:340px;height:430px;display:flex;flex-direction:column;gap:12px;padding:16px;background:#1b2418;border:1px solid #536248;border-radius:16px;box-shadow:0 22px 50px #0007;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .45s,filter .65s;opacity:0;visibility:hidden;cursor:pointer;color:#edf2e8}
.depth-card img{width:100%;height:calc(100% - 32px);object-fit:contain;min-height:0;pointer-events:none;background:#10150e;border-radius:6px}
.depth-card span{font-size:13px;text-align:left;display:block;pointer-events:none}
.depth-card:focus-visible{outline:3px solid #acd88b;outline-offset:5px}
.depth-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 20px}
.depth-controls button{width:48px;height:48px;border:1px solid #536248;border-radius:50%;background:#202b1b;color:#edf2e8;font-size:23px;cursor:pointer}
.depth-controls button:hover{background:#acd88b;color:#11170e}
.depth-count{min-width:80px;text-align:center;color:#bfccb5;font-variant-numeric:tabular-nums;font-size:14px}
@media(max-width:600px){.proof-depth{margin-top:40px}.depth-heading{display:block}.depth-heading p{max-width:none;font-size:14px}.depth-stage{height:430px}.depth-card{left:42%;width:260px;height:340px;padding:12px;border-radius:12px}.depth-controls{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.depth-card{transition:none}}