.gpe-section{--card-border-radius: .5rem;--card-shadow: 0 10px 30px rgba(0, 0, 0, .08);--card-shadow-hover: 0 20px 40px rgba(0, 0, 0, .12);--content-padding: clamp(1rem, 3vw, 1.5rem);--grid-gap: clamp(1rem, 3vw, 2.5rem);--transition-smooth: cubic-bezier(.23, 1, .32, 1);--image-height: auto;width:100%;max-width:100%;padding:2rem 1rem;margin:0 auto;box-sizing:border-box}.gpe-cards-container{display:grid;width:100%;max-width:1400px;margin:0 auto;gap:var(--grid-gap);position:relative;grid-template-columns:minmax(280px,1fr)}.gpe-card{position:relative;display:flex;flex-direction:column;border-radius:var(--card-border-radius);overflow:hidden;background-color:#fff;box-shadow:var(--card-shadow);transition:transform .5s var(--transition-smooth),box-shadow .5s var(--transition-smooth);will-change:transform,box-shadow;height:100%}.gpe-card:hover{transform:translateY(-.5rem);box-shadow:var(--card-shadow-hover)}.gpe-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.2) 0%,transparent 50%);transition:opacity .3s;z-index:10;pointer-events:none}.gpe-card:hover:before{opacity:1}.gpe-card-image{position:relative;overflow:hidden;line-height:0}.gpe-card-image img{width:100%;height:auto;display:block;aspect-ratio:600/350;object-fit:cover;transition:transform 1.5s cubic-bezier(.165,.84,.44,1)}.gpe-card:hover .gpe-card-image img{transform:scale(1.05)}.gpe-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.2));opacity:0;transition:opacity .5s}.gpe-card:hover .gpe-card-overlay{opacity:1}.gpe-card-content{padding:var(--content-padding);display:flex;flex-direction:column;justify-content:flex-start;gap:.75rem;flex-grow:1}.gpe-card-content h3{font-size:clamp(1.25rem,4cqi,2.4rem);font-weight:700;letter-spacing:-.025em;margin:0;position:relative}.gpe-card-content h3:after{content:"";position:absolute;bottom:-.5rem;left:0;width:2rem;height:3px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s ease-out}.gpe-card:hover .gpe-card-content h3:after{transform:scaleX(1)}.gpe-card-content p{font-family:var(--base-font);font-size:clamp(.875rem,3cqi,1.4rem);font-weight:400;line-height:1.6;color:#4a4a4a;margin:0}@keyframes cardAppear{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.gpe-card{opacity:0;animation:cardAppear .8s var(--transition-smooth) forwards}.gpe-card:nth-child(1){animation-delay:.1s}.gpe-card:nth-child(2){animation-delay:.25s}.gpe-card:nth-child(3){animation-delay:.4s}@media (min-width: 640px){.gpe-section{padding:3rem 2rem}.gpe-cards-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.gpe-section{padding:4rem}.gpe-cards-container{grid-template-columns:repeat(3,1fr)}.gpe-card-content{padding:1.5rem}}@media (min-width: 1400px){.gpe-section{padding:5rem}.gpe-cards-container{gap:2.5rem}}@media (prefers-reduced-motion: reduce){.gpe-card,.gpe-card-image img,.gpe-card:hover,.gpe-card-content h3:after{transition:none;animation:none;transform:none}.gpe-card{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/collectioncard.css.map */