.collection-showcase{background-color:#000;padding:100px 0 80px;color:#fff}.collection-showcase__header{text-align:center;padding:0 40px 48px}.collection-showcase__logo{margin-bottom:20px}.collection-showcase__logo-img{width:60px;height:auto;display:inline-block}.collection-showcase__heading{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:30px;letter-spacing:-1px;color:#fff!important;margin:0;line-height:1.3}.collection-showcase__grid{display:flex;flex-direction:column;gap:20px;padding:0 40px;max-width:1400px;margin:0 auto}.collection-showcase__row{display:flex;gap:20px;height:480px}.collection-showcase__card{position:relative;flex:1 1 0%;min-width:0;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:flex-grow .6s cubic-bezier(.25,.46,.45,.94)}.collection-showcase__card.is-expanded{flex-grow:11}.collection-showcase__row.is-active .collection-showcase__card:not(.is-expanded){flex-grow:9}.collection-showcase__card-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.collection-showcase__card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.collection-showcase__card.is-expanded .collection-showcase__card-img{transform:scale(1.04)}.collection-showcase__card-bg--placeholder{background:linear-gradient(135deg,#222,#111)}.collection-showcase__card-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s ease}.collection-showcase__card.is-expanded .collection-showcase__card-video{opacity:1}.collection-showcase__card:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(to bottom,rgba(0,0,0,.45) 0%,transparent 100%);z-index:1;pointer-events:none;border-radius:12px 12px 0 0}.collection-showcase__card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 100%);z-index:1;pointer-events:none;border-radius:0 0 12px 12px}.collection-showcase__card-ring{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.collection-showcase__card-ring-img{width:65%;height:auto;max-height:72%;object-fit:contain;display:block;filter:drop-shadow(0 8px 32px rgba(0,0,0,.35));transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.collection-showcase__card.is-expanded .collection-showcase__card-ring-img{transform:scale(1.06)}.collection-showcase__card-content{position:relative;z-index:3;padding:28px 28px 0;text-align:center}.collection-showcase__card-title{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:800;font-size:clamp(32px,5vw,56px);letter-spacing:.02em;text-transform:uppercase;line-height:1.05;color:#fff!important;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.3);transition:opacity .35s ease}.collection-showcase__card-meta{position:relative;z-index:3;padding:0 28px 24px;margin-top:auto}.collection-showcase__badge{display:inline-block;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:5px 12px;border-radius:4px;margin-bottom:10px;color:#fff;transition:opacity .35s ease}.collection-showcase__card-desc{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.01em;margin:0;opacity:.88;color:#fff;transition:opacity .35s ease}@keyframes card-fade-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.collection-showcase:not(.is-visible) .collection-showcase__header,.collection-showcase:not(.is-visible) .collection-showcase__card{opacity:0}.collection-showcase.is-visible .collection-showcase__header{animation:card-fade-up .7s ease 0ms both}.collection-showcase.is-visible .collection-showcase__row:nth-child(1) .collection-showcase__card:nth-child(1){animation:card-fade-up .7s cubic-bezier(.25,.46,.45,.94) .1s both}.collection-showcase.is-visible .collection-showcase__row:nth-child(1) .collection-showcase__card:nth-child(2){animation:card-fade-up .7s cubic-bezier(.25,.46,.45,.94) .2s both}.collection-showcase.is-visible .collection-showcase__row:nth-child(2) .collection-showcase__card:nth-child(1){animation:card-fade-up .7s cubic-bezier(.25,.46,.45,.94) .28s both}.collection-showcase.is-visible .collection-showcase__row:nth-child(2) .collection-showcase__card:nth-child(2){animation:card-fade-up .7s cubic-bezier(.25,.46,.45,.94) .36s both}@media(prefers-reduced-motion:reduce){.collection-showcase:not(.is-visible) .collection-showcase__header,.collection-showcase:not(.is-visible) .collection-showcase__card{opacity:1}.collection-showcase.is-visible .collection-showcase__header,.collection-showcase.is-visible .collection-showcase__card{animation:none}}@media screen and (max-width:989px){.collection-showcase{padding:48px 0 60px}.collection-showcase__grid{padding:0 24px;gap:16px}.collection-showcase__row{height:400px;gap:16px}.collection-showcase__card-title{font-size:clamp(28px,4.5vw,44px)}}@media screen and (max-width:749px){.collection-showcase{padding:88px 0}.collection-showcase__header{padding:0 20px 32px}.collection-showcase__grid{padding:0 16px;gap:12px}.collection-showcase__row{flex-direction:column;height:auto;gap:12px}.collection-showcase__card{flex:none!important;height:350px;transition:none}.collection-showcase__card-content{padding:20px 20px 0}.collection-showcase__card-meta{padding:0 20px 20px}.collection-showcase__card-title{font-size:32px}.collection-showcase__card-desc{font-size:13px}.collection-showcase__row.is-active .collection-showcase__card:not(.is-expanded) .collection-showcase__card-title,.collection-showcase__row.is-active .collection-showcase__card:not(.is-expanded) .collection-showcase__badge,.collection-showcase__row.is-active .collection-showcase__card:not(.is-expanded) .collection-showcase__card-desc{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-collection-showcase.css.map */