.animation-grid-container{position:relative;width:100%;min-height:100vh;overflow:hidden}.animation-grid-wrapper{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;transition:all .8s cubic-bezier(.4,0,.2,1)}.animation-grid-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:scale(.8);transition:all .8s cubic-bezier(.4,0,.2,1);z-index:1}.animation-grid-item:first-child{opacity:1;transform:scale(1);z-index:2}.animation-grid-wrapper.grid-active{height:100vh;min-height:100vh;display:flex;align-items:stretch;justify-content:center;gap:1rem;position:relative;padding:0;margin:0;transition:all 1.2s cubic-bezier(.25,.46,.45,.94)}.animation-grid-wrapper.grid-active .animation-grid-item{position:relative;height:100vh!important;opacity:1;transform:scale(1);transition:all 1.2s cubic-bezier(.25,.46,.45,.94);margin:0;padding:0}.animation-grid-wrapper.grid-active .animation-grid-item.main-item{width:100%;flex:0 0 100%;z-index:2;transition:all 1.2s cubic-bezier(.25,.46,.45,.94)}.animation-grid-wrapper.grid-active .animation-grid-item.main-item.animate-center{width:calc(33.333% - .67rem);flex:0 0 calc(33.333% - .67rem);z-index:1}.animation-grid-wrapper.grid-active .animation-grid-item.side-item{width:calc(33.333% - .67rem);flex:0 0 calc(33.333% - .67rem);z-index:1;transform:translateY(100vh) scale(.8);opacity:1;transition:transform 1.2s cubic-bezier(.25,.46,.45,.94),opacity 1.2s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;margin:0;padding:0}.animation-grid-wrapper.grid-active .animation-grid-item.side-item:nth-child(1){left:0;order:0}.animation-grid-wrapper.grid-active .animation-grid-item.side-item:nth-child(3){right:0;order:2}.animation-grid-wrapper.grid-active .animation-grid-item.side-item.animate-in{transform:translateY(0) scale(1)!important;opacity:1!important}.animation-grid-wrapper:not(.grid-active) .animation-grid-item{transition:all 1.2s cubic-bezier(.25,.46,.45,.94)}.animation-grid-wrapper:not(.grid-active) .animation-grid-item:first-child{opacity:1;transform:scale(1);z-index:2;position:relative;width:100%;height:100vh}.animation-grid-wrapper:not(.grid-active) .animation-grid-item:not(:first-child){opacity:0;transform:scale(.8);z-index:1;position:absolute;width:100%;height:100vh;top:0;left:0}.animation-grid-image{position:relative;width:100%;height:100%;overflow:hidden;margin:0;padding:0}.grid-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.4,0,.2,1);margin:0;padding:0;display:block}.animation-grid-item:hover .grid-image{transform:scale(1.05)}.animation-grid-video{position:relative;width:100%;height:100%;overflow:hidden;margin:0;padding:0}.grid-video{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.4,0,.2,1);margin:0;padding:0;display:block}.animation-grid-item:hover .grid-video{transform:scale(1.05)}.animation-grid-content{position:absolute;padding:2rem;color:#fff;z-index:3;transition:all .3s ease}.content-top-left{top:2rem;left:2rem;right:auto;text-align:center;bottom:auto;transform:none}.content-top-center{top:2rem;left:50%;right:auto;bottom:auto;text-align:center;transform:translate(-50%)}.content-top-right{top:2rem;right:2rem;left:auto;bottom:auto;text-align:center;transform:none}.content-center-left{top:50%;left:2rem;right:auto;bottom:auto;text-align:center;transform:translateY(-50%)}.content-center-center{top:50%;left:50%;right:auto;bottom:auto;text-align:center;width:100%;transform:translate(-50%,-50%)}.content-center-right{top:50%;right:2rem;left:auto;bottom:auto;text-align:center;transform:translateY(-50%)}.content-bottom-left{bottom:2rem;left:2rem;right:auto;top:auto;text-align:center;transform:none}.content-bottom-center{bottom:2rem;left:50%;right:auto;top:auto;text-align:center;transform:translate(-50%)}.content-bottom-right{bottom:2rem;right:2rem;left:auto;top:auto;text-align:center;transform:none}.grid-title{font-size:32px;font-weight:600;margin:0 0 1rem;line-height:1.2}.grid-button{display:inline-block;text-decoration:underline;font-weight:600;font-size:14px;cursor:pointer}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;color:#fff;font-size:.9rem;opacity:.8;animation:bounce 2s infinite;text-align:center;font-weight:500}.scroll-progress-bar{position:absolute;bottom:4rem;left:50%;transform:translate(-50%);z-index:10;width:200px;height:4px;background-color:#fff3;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#fff,#f0f0f0);border-radius:2px;width:0%;transition:width .3s ease}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.animation-grid-wrapper.mobile-slider-active{height:100vh!important;min-height:100vh!important;display:block!important;position:relative!important;overflow:hidden!important;padding:0!important;margin:0!important}.animation-grid-wrapper.mobile-slider-active .animation-grid-item.mobile-item{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;opacity:0;transition:transform .6s cubic-bezier(.25,.46,.45,.94),opacity .6s cubic-bezier(.25,.46,.45,.94);margin:0!important;padding:0!important;flex:none!important;order:0!important}.animation-grid-wrapper.mobile-slider-active .animation-grid-item.mobile-item.mobile-active{transform:translate(0)!important;opacity:1!important;z-index:2}.animation-grid-item.mobile-slide-in-right{transform:translate(100%);opacity:0}.animation-grid-item.mobile-slide-in-right.mobile-active{transform:translate(0)!important;opacity:1!important}.animation-grid-item.mobile-slide-out-left{transform:translate(-100%)!important;opacity:0!important}.animation-grid-item.mobile-slide-in-left{transform:translate(-100%);opacity:0}.animation-grid-item.mobile-slide-in-left.mobile-active{transform:translate(0)!important;opacity:1!important}.animation-grid-item.mobile-slide-out-right{transform:translate(100%)!important;opacity:0!important}@media (max-width: 768px){.animation-grid-wrapper.grid-active{display:block!important;height:100vh!important;gap:0!important}.animation-grid-wrapper.grid-active .animation-grid-item,.animation-grid-wrapper .animation-grid-item{position:absolute!important;width:100%!important;height:100vh!important;flex:none!important;order:0!important}.animation-grid-video,.animation-grid-image{height:100vh}.scroll-indicator,.scroll-progress-bar{display:none!important}.animation-grid-content{padding:1rem;width:90%;left:50%!important;transform:translate(-50%,-50%)!important;text-align:center}.content-bottom-center{top:auto!important;bottom:2rem!important;transform:translate(-50%)!important}.content-top-center{top:2rem!important;bottom:auto!important;transform:translate(-50%)!important}.content-center-center,.content-center-left,.content-center-right{top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important}.grid-title{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/animation-grid.css.map */