.work-deck{min-width:0;position:relative;padding:20px 12px 0 0;align-self:start}.deck-stack{position:relative;height:690px;perspective:1400px;touch-action:pan-y}.deck-card{position:absolute;inset:0;background:#eff1e8;border:1px solid #e2e6d9;border-radius:24px;padding:27px 30px 23px;display:flex;flex-direction:column;transform-origin:50% 70%;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .45s;box-shadow:0 12px 28px -20px #16152930;will-change:transform;overflow:hidden}.deck-card-1{background:#f0ebfb;border-color:#e0d8f3}.deck-card-2{background:#f1f2f5;border-color:#e0e1e7}.deck-card-3{background:#e9f0fa;border-color:#d8e3f3}.deck-card .stage-top img{width:105px;height:35px;object-fit:contain;object-position:left}.deck-media{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;pointer-events:none}.deck-media .phone{width:244px;transform:rotate(-3deg);pointer-events:none}.deck-media iframe{display:block;width:276px;height:551px;border:0;background:transparent;flex-shrink:0;pointer-events:none}.deck-card .stage-bottom>a{font-size:16px;line-height:1.4}.deck-label{font-size:10px;letter-spacing:.1em;color:var(--muted);margin:12px 0 0}.deck-controls{display:flex;align-items:center;gap:15px;margin-top:26px}.deck-controls>button{width:39px;height:39px;border:1px solid #dddde4;background:#fff;border-radius:50%;font-size:20px;transition:background .2s,color .2s}.deck-controls>button:hover{background:#25232c;color:#fff}.deck-controls #deck-pause{margin-left:auto;width:auto;height:auto;padding:7px 12px;border-radius:20px;font-size:12px}.deck-controls #deck-counter{font-size:12px;letter-spacing:.1em;min-width:54px;text-align:center}.deck-hint{font-size:11px;color:var(--muted);margin:10px 0 0}.hero{overflow:visible}.deck-card[data-position="0"]{transform:translate(0,0) rotate(0);z-index:4;opacity:1}.deck-card[data-position="1"]{transform:translate(12px,-11px) rotate(3deg) scale(.975);z-index:3;opacity:1}.deck-card[data-position="2"]{transform:translate(20px,-19px) rotate(5deg) scale(.95);z-index:2;opacity:1}.deck-card[data-position="3"]{transform:translate(23px,-23px) rotate(6deg) scale(.925);z-index:1;opacity:1}.deck-card:not([data-position]){opacity:0}.deck-card[data-position="0"] .stage-top,.deck-card[data-position="0"] .stage-bottom{position:relative;z-index:1}@media(max-width:950px){.deck-card{padding:20px}.deck-stack{height:635px}.deck-media .phone{width:226px}.deck-media iframe{transform:scale(.93);margin:-18px}.deck-controls{gap:10px}.deck-controls #deck-pause{padding:6px 9px}}@media(max-width:650px){.work-deck{padding-right:16px;margin-top:12px}.deck-stack{height:690px}.deck-card{padding:24px}.deck-media .phone{width:244px}.deck-media iframe{transform:none;margin:0}.deck-controls{margin-top:22px}.deck-card[data-position="1"]{transform:translate(8px,-9px) rotate(2deg) scale(.975)}.deck-card[data-position="2"]{transform:translate(13px,-16px) rotate(3deg) scale(.95)}.deck-card[data-position="3"]{transform:translate(17px,-20px) rotate(4deg) scale(.925)}}@media(prefers-reduced-motion:reduce){.deck-card{transition:none}}

.deck-card-4{background:#f4eae9;border-color:#eadcdF}.deck-card[data-position="4"]{transform:translate(25px,-27px) rotate(7deg) scale(.90);z-index:0;opacity:1}

/* Paper surface stays behind the previews and text. */
.deck-card{isolation:isolate}
.deck-card::before{content:"";position:absolute;inset:0;background:url('/assets/card-paper.jpg') center/cover no-repeat;opacity:.24;mix-blend-mode:multiply;pointer-events:none;z-index:0}
.deck-card>div{position:relative;z-index:1}

.deck-card-5{background:#ececf6;border-color:#deddeb}.deck-card[data-position="5"]{transform:translate(27px,-30px) rotate(8deg) scale(.875);z-index:-1;opacity:1}
/* A cut-out binding edge, so the cards beneath show through the tears. */
.deck-card{border-left:0;border-top-left-radius:2px;border-bottom-left-radius:2px;padding-left:40px;-webkit-mask-image:linear-gradient(#000,#000),url('/assets/sketchbook-edge.svg');mask-image:linear-gradient(#000,#000),url('/assets/sketchbook-edge.svg');-webkit-mask-size:calc(100% - 25px) 100%,26px 48px;mask-size:calc(100% - 25px) 100%,26px 48px;-webkit-mask-position:right top,left top;mask-position:right top,left top;-webkit-mask-repeat:no-repeat,repeat-y;mask-repeat:no-repeat,repeat-y}.whole-view .deck-card[data-position]{border-top-left-radius:2px;border-bottom-left-radius:2px}@media(max-width:950px){.deck-card{padding-left:36px}}@media(max-width:650px){.deck-card{padding-left:38px}}