.proof-stack-wrap{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:clamp(320px,42vw,460px);
  width:100%;
  padding:clamp(8px,2vw,16px);
}
.proof-stack{
  position:relative;
  width:min(100%,340px);
  height:clamp(300px,36vw,400px);
  margin:0 auto;
  touch-action:none;
  user-select:none;
}
.proof-stack-card{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:grab;
  will-change:transform;
  transition:transform .45s cubic-bezier(.22,1,.36,1);
}
.proof-stack-card.is-dragging{
  cursor:grabbing;
  transition:none;
}
.proof-stack-frame{
  margin:0;
  width:min(100%,300px);
  background:#fff;
  border-radius:18px;
  padding:10px;
  border:1px solid rgba(10,10,10,.08);
  box-shadow:
    0 1px 0 rgba(255,255,255,.8) inset,
    0 22px 50px rgba(10,10,10,.14),
    0 6px 16px rgba(10,10,10,.08);
  transform-origin:90% 90%;
}
.proof-stack-frame img{
  display:block;
  width:100%;
  height:auto;
  max-height:340px;
  object-fit:cover;
  object-position:center bottom;
  border-radius:12px;
  border:1px solid rgba(10,10,10,.06);
}
.proof-stack-hint{
  margin:14px 0 0;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--steel-lo,#6d6d72);
  text-align:center;
}
.about-bento .pkg-bento__visual--stack{
  background:linear-gradient(145deg, rgba(218,255,165,.22) 0%, rgba(245,240,255,.45) 55%, rgba(255,255,255,.9) 100%);
  border-radius:clamp(18px,2vw,26px);
  min-height:clamp(320px,42vw,460px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(16px,3vw,28px);
}
@media(max-width:900px){
  .about-bento .pkg-bento__visual--stack{min-height:360px}
  .proof-stack{width:min(100%,300px);height:340px}
}
@media(prefers-reduced-motion:reduce){
  .proof-stack-card{transition:none!important}
  .proof-stack-hint{display:none}
}