.hero-stack-container{--overlap:clamp(20px,4vw,50px);--ratio:4/5;align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.hero-stack-container .card{aspect-ratio:var(--ratio);border-radius:21px;display:block;flex:0 0 auto;object-fit:cover;overflow:hidden;position:relative}.hero-stack-container .card:not(:first-child){margin-left:calc(var(--overlap)*-1)}.hero-stack-container .center{animation:centerIn .5s cubic-bezier(.23,.8,.2,1) both;border-radius:0;height:auto;max-height:500px;object-fit:contain;width:40%;z-index:3}.hero-stack-container .inner{animation:settleIn .5s cubic-bezier(.23,.8,.2,1) .5s both;height:auto;width:18%;z-index:2}.hero-stack-container .outer{animation:settleIn .75s cubic-bezier(.23,.8,.2,1) .75s both;height:auto;width:12%;z-index:1}.hero-stack-container .inner.left{--start-x:0px;--end-x:-10px}.hero-stack-container .outer.left{--start-x:0px;--end-x:-12px}.hero-stack-container .inner.right{--start-x:0px;--end-x:10px}.hero-stack-container .outer.right{--start-x:0px;--end-x:12px}@keyframes settleIn{0%{opacity:0;transform:translateX(var(--start-x,0)) scale(.92)}to{opacity:1;transform:translateX(var(--end-x,0)) scale(1)}}@keyframes centerIn{0%{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-mobile{display:block;margin-top:25px}.hero-mobile img{display:block;height:auto;width:100%}.hero-desktop{display:none}@media (min-width:768px){.hero-mobile{display:none}.hero-desktop{display:block}}