.commander-grid-section{padding:80px 0;position:relative;width:100%;display:flex;justify-content:center;align-items:center}.commander-grid-header{margin-bottom:50px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.commander-grid-header.text-center{justify-content:center;text-align:center}.commander-grid-header.text-left{justify-content:flex-start;text-align:left}.commander-grid-header.text-right{justify-content:flex-end;text-align:right}.commander-grid-heading{font-size:42px;font-weight:700;margin:0;letter-spacing:-.02em;line-height:1.2}.commander-grid-cta{display:inline-block;padding:12px 30px;background-color:#000;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:all .3s ease;white-space:nowrap}.commander-grid-cta:hover{background-color:#333;transform:translateY(-2px)}.commander-grid{display:grid;grid-template-columns:repeat(var(--columns-desktop, 4),1fr);gap:40px;padding:40px;min-width:80vw}.commander-card{position:relative;overflow:visible;border-radius:12px;transition:transform .3s ease;padding:10px}.commander-card:hover{transform:translateY(-10px)}.commander-card-link{display:block;text-decoration:none;position:relative;width:100%;height:100%}.commander-card-images{position:relative;width:100%;padding-top:100%;overflow:visible;background-color:transparent;border-radius:12px;perspective:1000px;transform-style:preserve-3d}.commander-card-image{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;transform-style:preserve-3d}.commander-card-image img{width:100%;height:100%;object-fit:contain;display:block;border-radius:12px}.commander-card-image--primary{z-index:1;transition:transform .6s cubic-bezier(.34,1.56,.64,1),filter .4s ease;transform-origin:center bottom}.commander-card-image--primary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;transition:background .4s ease;border-radius:12px;pointer-events:none}.commander-card-image--hover{z-index:2;opacity:0;transform:scale(1) translateY(0);transition:opacity .5s ease,transform .6s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 10px -30px rgba(0,0,0,.3))}.commander-card:hover .commander-card-image--primary{transform:perspective(1000px) rotateX(8deg) scale(.95);filter:brightness(.7)}.commander-card:hover .commander-card-image--primary:after{background:#0000004d}.commander-card:hover .commander-card-image--hover{opacity:1;transform:scale(1.1) translateY(-5%) translateZ(50px)}.placeholder-svg{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1200px){.commander-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:95vw}.commander-grid-heading{font-size:36px}}@media screen and (max-width: 989px){.commander-grid-section{padding:60px 0}.commander-grid{grid-template-columns:repeat(2,1fr);gap:25px;padding:15px;max-width:100vw}.commander-grid-heading{font-size:32px}.commander-grid-header{margin-bottom:40px}}@media screen and (max-width: 749px){.commander-grid-section{padding:40px 0}.commander-grid{grid-template-columns:repeat(var(--columns-mobile, 2),1fr);gap:20px;padding:10px}.commander-grid-heading{font-size:28px}.commander-grid-header{margin-bottom:30px;flex-direction:column;gap:20px}.commander-grid-cta{width:100%;text-align:center}.commander-card:hover .commander-card-image--primary{transform:perspective(1000px) rotateX(-5deg) scale(.96)}.commander-card:hover .commander-card-image--hover{transform:scale(1.05) translateY(-5%)}}@media screen and (max-width: 480px){.commander-grid-heading{font-size:24px}.commander-card-images,.commander-card{border-radius:8px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.commander-card{animation:fadeIn .6s ease forwards}.commander-card:nth-child(1){animation-delay:.1s}.commander-card:nth-child(2){animation-delay:.2s}.commander-card:nth-child(3){animation-delay:.3s}.commander-card:nth-child(4){animation-delay:.4s}.commander-card:nth-child(5){animation-delay:.5s}.commander-card:nth-child(6){animation-delay:.6s}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-commander-grid.css.map */