.punch-card-grid{display:flex;justify-content:space-between;--card-anim-duration:700ms;perspective:1200px;--w1:47.4%;--w2:52.6%;--w3:51.8%;--w4:48.2%}.card-grid-item{display:block;opacity:0;position:relative;transition:opacity .12s cubic-bezier(.23,1,.32,1);will-change:opacity}.card-tilt-wrapper{display:block;height:100%;position:relative;transform:var(--card-rotate,rotate(0deg)) translateY(calc(var(--parallax-y, 0px) + 24px)) scale(.98);transition:transform .2s cubic-bezier(.23,1,.32,1);width:100%;will-change:transform}.punch-card-grid.punch-animation-start .card-grid-item{animation:card-fade-up var(--card-anim-duration) cubic-bezier(.22,1,.36,1) forwards}.punch-card-grid.punch-animation-start .card-tilt-wrapper{animation:card-deal-up var(--card-anim-duration) cubic-bezier(.22,1,.36,1) forwards}.card-grid-item img{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.card-background-image{z-index:1}.card-main-image{animation:float-main-image 2s ease-in-out infinite;z-index:2}.card-front-image{opacity:0;transition:opacity .3s ease-in-out;z-index:3}.card-grid-item[data-enable-front=true] .card-front-image{opacity:1}.card-grid-item[data-index="1"]:hover{--card-rotate:rotate(-15deg)}.card-grid-item[data-index="2"]:hover{--card-rotate:rotate(8deg)}.card-grid-item[data-index="3"]:hover{--card-rotate:rotate(22deg)}.card-grid-item[data-index="4"]:hover{--card-rotate:rotate(-3deg)}.card-grid-wrapper{display:flex;flex-direction:row;gap:16px}@keyframes card-fade-up{0%{opacity:0}to{opacity:1}}@keyframes card-deal-up{0%{transform:var(--card-rotate,rotate(0deg)) translateY(calc(var(--parallax-y, 0px) + 24px)) scale(.98)}60%{transform:var(--card-rotate,rotate(0deg)) translateY(calc(var(--parallax-y, 0px) - 6px)) scale(1.01)}to{transform:var(--card-rotate,rotate(0deg)) translateY(calc(var(--parallax-y, 0px))) scale(1)}}@keyframes float-main-image{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.card-grid-item[data-index="1"]{--card-rotate:rotate(-8.072deg);aspect-ratio:35/44;flex-shrink:0;height:226.854px;width:180.431px}.card-grid-item[data-index="2"]{--card-rotate:rotate(3.828deg);flex-shrink:0;height:287.952px;width:200px}.card-grid-item[data-index="3"]{--card-rotate:rotate(15deg);aspect-ratio:186.04/232.31;flex-shrink:0;height:232.312px;width:186.04px}.card-grid-item[data-index="4"]{--card-rotate:rotate(3.381deg);aspect-ratio:172.87/215.86;flex-shrink:0;height:215.861px;width:172.866px}.punch-card-grid.punch-animation-start .card-grid-item[data-index="1"]{animation-delay:0s}.punch-card-grid.punch-animation-start .card-grid-item[data-index="2"]{animation-delay:var(--card-anim-duration)}.punch-card-grid.punch-animation-start .card-grid-item[data-index="3"]{animation-delay:calc(var(--card-anim-duration)*1.5)}.punch-card-grid.punch-animation-start .card-grid-item[data-index="4"]{animation-delay:calc(var(--card-anim-duration)*2)}.punch-card-grid.punch-animation-start .card-grid-item[data-index="1"] .card-tilt-wrapper{animation-delay:0s}.punch-card-grid.punch-animation-start .card-grid-item[data-index="2"] .card-tilt-wrapper{animation-delay:var(--card-anim-duration)}.punch-card-grid.punch-animation-start .card-grid-item[data-index="3"] .card-tilt-wrapper{animation-delay:calc(var(--card-anim-duration)*1.5)}.punch-card-grid.punch-animation-start .card-grid-item[data-index="4"] .card-tilt-wrapper{animation-delay:calc(var(--card-anim-duration)*2)}@media (max-width:989px){.card-grid-wrapper{flex-wrap:nowrap;gap:12px;width:50%}.card-grid-item{height:auto!important}.card-grid-item[data-index="1"]{width:var(--w1)}.card-grid-item[data-index="2"]{width:var(--w2)}.card-grid-item[data-index="3"]{width:var(--w3)}.card-grid-item[data-index="4"]{width:var(--w4)}}