:root{--shp-blue: rgba(54,119,209,60);--shp-slate: #122023;--shp-border-dark: rgba(#182021, .2);--shp-slate50: #EEF3F4;--shp-slate-dark: #0F1718;--shp-putty: #EBE8CF;--shp-putty-dark: #b5b296;--shp-gold: #A5894B;--shp-white: #ffffff;--shp-hover: #f6f6f6;--shp-trans: all .25s ease-in-out;--shp-bg-dark: #1b2021}.cards-intro{padding:40px 0}.cards-intro p{max-width:50%}.cards-intro h5{font-size:15px;font-style:normal;font-weight:500;line-height:120%;letter-spacing:2.25px;text-transform:uppercase}.cards__container{display:flex;gap:20px;flex-direction:row;flex-wrap:nowrap;align-content:stretch}.cards__container .shop-element__cards-item{transition:var(--shp-trans);max-width:25%;max-width:160px;position:relative;height:460px;display:flex;overflow:hidden;border-radius:8px}.cards__container .shop-element__cards-item .learn-more-btn{display:block;margin-top:1.75rem;font-family:"Plus Jakarta Sans",sans-serif;font-size:13px;font-style:normal;font-weight:600;line-height:140%;letter-spacing:1.3px;text-transform:uppercase}.cards__container .shop-element__cards-item a,.cards__container .shop-element__cards-item .cards_tile{flex-grow:1;background-size:cover;background-position:center;background-repeat:no-repeat;display:block;padding:40px 24px;border-radius:8px;background-color:var(--shp-slate50)}.cards__container .shop-element__cards-item a:hover,.cards__container .shop-element__cards-item .cards_tile:hover{text-decoration:none !important}.cards__container .shop-element__cards-item a *,.cards__container .shop-element__cards-item .cards_tile *{position:relative}.cards__container .shop-element__cards-item p{max-width:450px;width:80%}.cards__container .shop-element__cards-item h5{font-size:26px;text-transform:uppercase;border-bottom:1px solid #000;border-bottom-color:rgba(var(--shp-border-dark), 0.2);padding-bottom:1rem;margin-top:1.25rem;margin-bottom:1rem}.cards__container .shop-element__cards-item .card-trigger{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10}.cards__container .shop-element__cards-item .card-trigger .card-trigger_label{color:var(--shp-slate)}.cards__container .shop-element__cards-item.active{max-width:100%;flex-grow:1}.cards__container .shop-element__cards-item.active .card-trigger{opacity:0;pointer-events:none}.cards__container .shop-element__cards-item.active .card-trigger_label{left:40px}.cards__container .shop-element__cards-item.active a{padding:40px;overflow:auto}.cards__container .shop-element__cards-item.active a *{color:var(--shp-slate)}.cards__container .shop-element__cards-item.active a h5{border-bottom-color:rgba(18,32,35,.2)}.cards__container .shop-element__cards-item:not(.active) .card-trigger_label{max-width:112px}.cards__container .shop-element__cards-item:not(.active) .cards_tile{overflow:hidden;height:460px}.cards__container .shop-element__cards-item .bg-grad{display:block;position:absolute;width:100%;height:100%;border-radius:8px;background:linear-gradient(90deg, rgba(0, 0, 0, 0.8) 7.23%, rgba(102, 102, 102, 0) 80.52%);left:0;top:0;z-index:0}.cards__container .shop-element__cards-item .card-trigger_label{position:absolute;bottom:24px;left:24px;font-family:"Space Grotesk",sans-serif;font-size:13px;font-style:normal;font-weight:500;line-height:120%;letter-spacing:1.95px;text-transform:uppercase}.shop-element__cards{padding:4rem 35px}.shop-element__cards.dark .cards-intro *{color:var(--shp-white)}.shop-element__cards.dark .cards-intro h5{color:var(--shp-putty-dark)}.shop-element__cards.dark .cards-intro h2{color:var(--shp-putty)}.shop-element__cards.dark .shop-element__cards-item a,.shop-element__cards.dark .shop-element__cards-item .cards_tile{background-color:var(--shp-bg-dark)}.shop-element__cards.dark .shop-element__cards-item a *,.shop-element__cards.dark .shop-element__cards-item .cards_tile *{color:var(--shp-white)}.shop-element__cards.dark .shop-element__cards-item a h5,.shop-element__cards.dark .shop-element__cards-item .cards_tile h5{border-bottom-color:rgba(255,255,255,.3)}.shop-element__cards.dark .shop-element__cards-item a .card-trigger_label,.shop-element__cards.dark .shop-element__cards-item .cards_tile .card-trigger_label{color:var(--shp-putty)}/*# sourceMappingURL=shop-elements.min.css.map */