.mobile-stack{display:none}
@media(max-width:900px){
.soft.stack-a .hero-photo,.soft.stack-b .hero-photo{display:none}
.mobile-stack{display:block;position:relative;margin:4px 0 0;min-width:0}
.stack-stage{position:relative;height:340px;margin:0 12px;isolation:isolate;touch-action:pan-y;perspective:1100px}
.stack-card{position:absolute;inset:20px 0 12px;border:5px solid #f8f6f0;border-radius:32px;padding:0;overflow:hidden;background:#d4dfd1;box-shadow:0 14px 25px #21382b25;transform-origin:50% 90%;transition:transform .65s cubic-bezier(.16,1,.3,1),filter .5s,box-shadow .5s;touch-action:pan-y;user-select:none;-webkit-user-select:none;width:100%;text-align:left;color:#f8f5eb}
.stack-card img{pointer-events:none;user-select:none;-webkit-user-drag:none;object-position:center}
.stack-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#122d2cd9);pointer-events:none}
.stack-label{position:absolute;bottom:19px;left:20px;right:18px;z-index:1;font-size:20px;font-weight:500;letter-spacing:-.03em;line-height:1.15}
.stack-label small{display:block;font:10px/1.5 Manrope,sans-serif;letter-spacing:.06em;margin-bottom:5px;color:#e4eadd}
.stack-card[data-depth="0"]{z-index:3;transform:translate3d(0,0,0) rotate(0);filter:none}
.stack-card[data-depth="1"]{z-index:2;transform:translate3d(8px,-10px,-20px) rotate(5deg) scale(.95);filter:brightness(.93)}
.stack-card[data-depth="2"]{z-index:1;transform:translate3d(-9px,-20px,-40px) rotate(-6deg) scale(.90);filter:brightness(.86)}
.stack-a .stack-stage{margin-top:16px}.stack-a .stack-card[data-depth="0"]{transform:translate3d(var(--drag,0px),0,0) rotate(var(--tilt,0deg))}.stack-card.dragging{transition:none}
.stack-b .stack-stage{height:340px;margin:2px 35px 0}
.stack-b .stack-card{inset:28px 0 15px;border-radius:100px 100px 25px 25px;border-width:4px;transform-origin:50% 110%}
.stack-b .stack-card[data-depth="0"]{transform:translateY(9px) scale(.96);box-shadow:0 18px 30px #203c3438}
.stack-b .stack-card[data-depth="1"]{transform:translateX(-24px) rotate(-13deg) scale(.92);filter:brightness(.92)}
.stack-b .stack-card[data-depth="2"]{transform:translateX(24px) rotate(13deg) scale(.92);filter:brightness(.92)}
.stack-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 12px 0}
.stack-arrow{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid #647c6450;background:#f5f4ed;color:#294a38;font-size:21px;display:grid;place-items:center;transition:background .2s,transform .25s}.stack-arrow:active{transform:scale(.92);background:#dce5d7}
.stack-dots{display:flex;gap:0;align-items:center}.stack-dots button{border:0;background:transparent;padding:15px 8px;min-height:44px;min-width:34px;border-radius:99px;display:grid;place-items:center}.stack-dots button:before{content:'';width:7px;height:7px;border-radius:99px;background:#a9b5a7;transition:width .3s,background .3s}.stack-dots button[aria-pressed="true"]:before{width:25px;background:#365442}
.stack-hint{text-align:center;font-size:10px;color:#667264;margin:4px 0 0;letter-spacing:.02em}
.soft .hero-facts-below{margin-top:20px;padding:19px 18px}
.stack-card:focus-visible{outline:3px solid #365442;outline-offset:3px}
.stack-card[data-depth="0"] .stack-label:after{content:'↔';position:absolute;right:0;bottom:0;font-size:22px}.stack-b .stack-card[data-depth="0"] .stack-label:after{content:'↗'}
}
@media(max-width:360px){.stack-stage{height:295px;margin-left:10px;margin-right:10px}.stack-b .stack-stage{height:295px;margin-left:31px;margin-right:31px}.stack-label{font-size:18px;left:15px}.stack-label small{font-size:9px}.stack-controls{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.stack-card,.stack-dots button:before,.stack-arrow{transition:none!important}}
@media(max-width:900px){.stack-b .stack-card[data-depth="1"]{transform:translateX(-16px) rotate(-10deg) scale(.92)}.stack-b .stack-card[data-depth="2"]{transform:translateX(16px) rotate(10deg) scale(.92)}}
@media(max-width:900px){.stack-b .stack-stage{margin-left:12px;margin-right:12px}.stack-b .stack-card{left:16%;right:16%;width:auto}.stack-b .stack-card[data-depth="1"]{transform:translateX(-8px) rotate(-8deg) scale(.94)}.stack-b .stack-card[data-depth="2"]{transform:translateX(8px) rotate(8deg) scale(.94)}}
