.portfolio-deck{grid-column:1/-1;background:#d2dcd0;overflow:hidden}
.deck-stage{position:relative;height:570px;perspective:1200px;isolation:isolate}
.deck-item{position:absolute;top:115px;left:50%;width:292px;margin-left:-146px;transform-origin:center bottom;will-change:transform;box-shadow:0 14px 28px #364b3c24;background:#f1eee6;padding:9px 9px 0}
.deck-item img{width:100%;height:auto;object-fit:contain;filter:none;display:block}
.deck-item figcaption{font-size:8px;padding:12px 2px;display:flex;justify-content:space-between;gap:10px;line-height:1.5}
.deck-item[data-rank="0"]{transform:translate(-24px,-10px) rotate(-7deg);z-index:3}
.deck-item[data-rank="1"]{transform:translate(4px,6px) rotate(3deg) scale(.97);z-index:2}
.deck-item[data-rank="2"]{transform:translate(32px,20px) rotate(10deg) scale(.94);z-index:1}
.deck-controls{padding:16px 25px;border-top:1px solid #74877545;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px}
.deck-controls>div{display:flex;gap:12px}.deck-controls button{border:1px solid #849884;border-radius:25px;padding:9px 13px;font-size:10px;white-space:nowrap}
.deck-controls button:hover{background:#60756b;color:#f2efe9}
.art-interface{margin-top:5px}
@media(max-width:650px){.deck-stage{height:500px}.deck-item{width:238px;margin-left:-119px;top:105px;padding:7px 7px 0}.deck-item figcaption{font-size:7px;padding:11px 1px}.deck-controls{padding:14px 16px;align-items:flex-start;flex-direction:column;gap:12px;font-size:9px}.deck-controls>div{align-self:flex-end}.deck-controls button{font-size:9px;padding:8px 12px}}
@media(max-width:380px){.deck-stage{height:450px}.deck-item{width:210px;margin-left:-105px;top:100px}}
@media(prefers-reduced-motion:reduce){.deck-item{will-change:auto}}