.cpx{padding:clamp(48px,6vw,96px) var(--cp-edge);background:#212121}.cpx .cp-eyebrow{color:#ffffffbf}.cpx-in{max-width:var(--cp-max);margin:0 auto}.cpx-head{text-align:center;margin-bottom:clamp(28px,3.4vw,52px)}.cpx-title{color:#fff;font-family:var(--cp-logo-serif);font-weight:400;font-size:clamp(28px,3vw,46px);line-height:1.2;margin:14px 0 0}.cpx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:clamp(18px,2vw,30px)}.cpx-card{position:relative;display:block;overflow:hidden;transform:translateZ(0)}.cpx-fig{display:block;aspect-ratio:1/1;position:relative;background:var(--cp-soft)}.cpx-fig img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .5s ease,transform .8s cubic-bezier(.2,.6,.2,1)}.cpx-fig img.cpx-alt{opacity:0}a.cpx-card:hover .cpx-fig img.cpx-alt{opacity:1}a.cpx-card:hover .cpx-fig img{transform:scale(1.04)}.cpx-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 42%,#0000009e);pointer-events:none}.cpx-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(18px,2vw,30px)}.cpx-name{display:block;font-family:var(--cp-logo-serif);font-size:clamp(30px,2.6vw,44px);line-height:1.05;color:#fff}.cpx-line{display:block;font-family:var(--cp-sans);font-size:15px;letter-spacing:.02em;color:#ffffffe6;margin-top:8px}.cpx-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.cpx-view{font-family:var(--cp-sans);font-size:14px;letter-spacing:.03em;color:#fff;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:2px;transition:.2s}.cpx-view .cpx-ar{display:none}a.cpx-card:hover .cpx-view{border-color:#fff}a.cpx-card:hover .cpx-view .cpx-ar{transform:translate(3px)}@media(max-width:860px){.cpx-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:0 calc(var(--cp-edge) * -1);padding:0 var(--cp-edge)}.cpx-grid::-webkit-scrollbar{display:none}.cpx-card{flex:0 0 82%;scroll-snap-align:center}.cpx-name{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/cp-explore.css.map */