.csp-section{position:relative;overflow:hidden;padding-top:var(--csp-padding-top, 80px);padding-bottom:var(--csp-padding-bottom, 80px);margin-top:var(--csp-margin-top, 0);margin-bottom:var(--csp-margin-bottom, 0)}.csp-inner{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 20px;text-align:center}.csp-header{max-width:560px;margin:0 auto 44px;opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.19,1,.22,1)}.csp-header.is-visible{opacity:1;transform:translateY(0)}.csp-subtitle{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--csp-subtitle-color, #c9a227)}.csp-title{margin:0 0 14px;font-family:var(--csp-title-font, inherit);font-size:var(--csp-title-size, 48px);font-weight:var(--csp-title-weight, 700);color:var(--csp-title-color, #1a1a1a);line-height:1.1}.csp-description{color:var(--csp-description-color, #6b6b6b);line-height:1.65}.csp-showcase{position:relative}.csp-bg-word{--csp-word-fit-scale: 1;position:absolute;top:50%;left:50%;z-index:0;transform-origin:center center;transform:translate(-50%,-50%) scale(var(--csp-word-fit-scale, 1));font-family:var(--csp-bg-font, inherit);font-size:220px;font-weight:800;line-height:1;letter-spacing:-.01em;color:var(--csp-bg-color, #1a1a1a);opacity:var(--csp-bg-opacity, .08);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform}.csp-bg-word--outline{color:transparent;-webkit-text-stroke:var(--csp-bg-outline, 2px) var(--csp-bg-color, #1a1a1a);opacity:calc(var(--csp-bg-opacity, .08) * 3.5)}@supports not (-webkit-text-stroke: 1px black){.csp-bg-word--outline{color:var(--csp-bg-color, #1a1a1a);opacity:var(--csp-bg-opacity, .08)}}.csp-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"left image right";align-items:center;gap:var(--csp-gap, 20px)}.csp-col{display:flex;flex-direction:column;gap:var(--csp-gap, 20px)}.csp-col--left{grid-area:left}.csp-col--right{grid-area:right}.csp-center{grid-area:image;position:relative;perspective:1200px}.csp-center__image{display:block;width:100%;max-width:340px;aspect-ratio:3 / 4;object-fit:cover;margin:0 auto;border-radius:var(--csp-image-radius, 16px);opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .6s cubic-bezier(.19,1,.22,1)}.csp-center.is-visible .csp-center__image{opacity:1;transform:translateY(0)}.csp-center.is-visible:hover .csp-center__image{transform:translateY(0) scale(1.03) rotateY(4deg)}.csp-empty{padding:60px 0;text-align:center;opacity:.6}.csp-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px;background:var(--csp-card-bg, #f5f5f3);border-radius:var(--csp-card-radius, 16px);text-decoration:none;color:inherit;opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .5s cubic-bezier(.19,1,.22,1),box-shadow .3s ease}.csp-card.is-visible{opacity:1;transform:translateY(0)}.csp-section[data-shadow=true] .csp-card{box-shadow:0 10px 24px #00000012}.csp-card.is-visible:hover{transform:translateY(-4px) scale(1.02)}.csp-section[data-shadow=true] .csp-card.is-visible:hover{box-shadow:0 20px 36px #00000024}.csp-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 50% 0%,var(--csp-accent, #1a1a1a),transparent 70%);opacity:0;filter:blur(18px);transition:opacity .3s ease;pointer-events:none}.csp-card.is-visible:hover:before{opacity:.22}.csp-card__media{position:relative;flex:0 0 auto;width:72px;height:72px;border-radius:calc(var(--csp-card-radius, 16px) * .6);overflow:hidden;background:#fff}.csp-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.csp-card.is-visible:hover .csp-card__image{transform:scale(1.1)}.csp-card__body{flex:1 1 auto;min-width:0;text-align:left}.csp-card__title{display:block;font-size:14px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csp-card__price{display:block;margin-top:2px;font-size:13px;color:#5a5a5a}.csp-card__arrow{flex:0 0 auto;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--csp-accent, #1a1a1a);color:#fff;transition:transform .3s ease}.csp-card.is-visible:hover .csp-card__arrow{transform:translate(3px)}.csp-pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}.csp-dot{width:8px;height:8px;border-radius:50%;background:#00000026}.csp-dot--active{background:var(--csp-accent, #1a1a1a)}.csp-cta{margin-top:28px;opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.19,1,.22,1)}.csp-cta.is-visible{opacity:1;transform:translateY(0)}.csp-button{display:inline-block;padding:15px 38px;border-radius:999px;background:#1a1a1a;color:#fff;text-decoration:none;font-weight:600;font-size:14px;transition:transform .3s ease,background .3s ease}.csp-button:hover{transform:translateY(-2px);background:var(--csp-accent, #1a1a1a)}.csp-section[data-animate=false] .csp-header,.csp-section[data-animate=false] .csp-card,.csp-section[data-animate=false] .csp-center__image,.csp-section[data-animate=false] .csp-cta{transition:none;opacity:1;transform:none}@media(max-width:1439px){.csp-grid{gap:calc(var(--csp-gap, 20px) * .85)}.csp-center__image{max-width:300px}.csp-card__media{width:64px;height:64px}}@media(max-width:1199px){.csp-center__image{max-width:250px}.csp-card{padding:10px;gap:10px}.csp-card__media{width:56px;height:56px}.csp-card__title{font-size:13px}.csp-card__price{font-size:12px}.csp-card__arrow{width:30px;height:30px}.csp-title{font-size:calc(var(--csp-title-size, 48px) * .85)}}@media(max-width:989px){.csp-center__image{max-width:210px}.csp-grid{gap:calc(var(--csp-gap, 20px) * .7)}}@media(max-width:749px){.csp-grid{grid-template-columns:1fr;grid-template-areas:"image" "left" "right";gap:16px}.csp-center__image{max-width:280px}.csp-col--left,.csp-col--right{display:grid;grid-template-columns:1fr 1fr;gap:12px}.csp-card{flex-direction:column;align-items:flex-start;gap:8px}.csp-card__media{width:100%;height:auto;aspect-ratio:1 / 1}.csp-card__arrow{position:absolute;top:10px;right:10px}.csp-title{font-size:calc(var(--csp-title-size, 48px) * .65)}}@media(prefers-reduced-motion:reduce){.csp-header,.csp-card,.csp-center__image,.csp-cta{transition:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/collection-showcase-premium.css.map */