.showcase{--showcase-stage-w: 1400px;display:flex;flex-direction:column;align-items:center;gap:32px;background-color:#fff;overflow:hidden;text-align:center}.showcase__heading{margin:0;max-width:900px;padding:0 20px;font-family:"Inter",var(--font-heading-family, sans-serif);font-weight:var(--js-heading-weight, 600);font-size:var(--js-heading-size-mobile, 34px);line-height:1.05;letter-spacing:-1.02px;color:#181b22;text-align:center}@media screen and (min-width:750px){.showcase__heading{font-size:48px;letter-spacing:-1.44px;line-height:1}}@media screen and (min-width:990px){.showcase__heading{font-size:var(--js-heading-size-desktop, 64px);letter-spacing:-1.92px}}.showcase__stage{position:relative;width:100%;max-width:1920px;display:flex;align-items:center;justify-content:center;padding:40px 0 0}.showcase__composite{position:relative;width:min(100%,var(--showcase-stage-w));aspect-ratio:1400 / 820;margin:0 auto}.showcase__card{position:absolute;top:0;left:0;cursor:pointer;will-change:left,top,width,height;transition:left .6s cubic-bezier(.22,.61,.36,1),top .6s cubic-bezier(.22,.61,.36,1),width .6s cubic-bezier(.22,.61,.36,1),height .6s cubic-bezier(.22,.61,.36,1)}.showcase__card[data-pos="0"]{display:none}.showcase__card[data-pos="3"]{z-index:5}.showcase__card[data-pos="2"],.showcase__card[data-pos="4"]{z-index:4}.showcase__card[data-pos="1"],.showcase__card[data-pos="5"]{z-index:3}.showcase__card.is-wrapping{animation:showcase-wrap .6s cubic-bezier(.22,.61,.36,1)}@keyframes showcase-wrap{0%,to{visibility:visible}10%,90%{visibility:hidden}}.showcase__card:focus-visible{outline:2px solid #20a9b9;outline-offset:4px}.showcase__card.is-center{cursor:default}.showcase__card.is-center[data-link]:not([data-link=""]){cursor:pointer}.showcase__card-frame{position:relative;width:100%;height:100%;overflow:hidden;border-radius:16px;background-color:transparent}.showcase__card:has(.showcase__card-placeholder) .showcase__card-frame{background-color:#f5f5f7}.showcase__card-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:2}video.showcase__card-media{background-color:transparent}.showcase__card-video,.showcase__card-poster{display:block}.showcase__card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#20a9b914,#181b220a,#6d6e7414),#f5f5f7;color:#6d6e74;font-family:"Inter",var(--font-body-family, sans-serif);font-weight:600;font-size:32px;letter-spacing:-.5px;z-index:1}.showcase__card-placeholder-label{opacity:.5}.showcase__card[data-pos="1"],.showcase__card[data-pos="2"],.showcase__card[data-pos="4"],.showcase__card[data-pos="5"]{-webkit-mask-mode:alpha;mask-mode:alpha}.showcase__card[data-pos="1"]{left:0;top:11.95%;width:19.21%;height:62.7%;-webkit-mask-image:url(showcase-mask-card-1-left.svg);mask-image:url(showcase-mask-card-1-left.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 99.16%;mask-size:100% 99.16%;-webkit-mask-position:center .34%;mask-position:center .34%}.showcase__card[data-pos="2"]{left:14.14%;top:5.61%;width:21.43%;height:75.43%;-webkit-mask-image:url(showcase-mask-card-2-left.svg);mask-image:url(showcase-mask-card-2-left.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 99.23%;mask-size:100% 99.23%;-webkit-mask-position:center .37%;mask-position:center .37%}.showcase__card[data-pos="3"]{left:32.35%;top:0;width:35.29%;height:86.59%;border-radius:16px;overflow:hidden}.showcase__card[data-pos="4"]{left:64.43%;top:5.61%;width:21.43%;height:75.43%;-webkit-mask-image:url(showcase-mask-card-2.svg);mask-image:url(showcase-mask-card-2.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 99.23%;mask-size:100% 99.23%;-webkit-mask-position:center .37%;mask-position:center .37%}.showcase__card[data-pos="5"]{left:80.79%;top:11.95%;width:19.21%;height:62.7%;-webkit-mask-image:url(showcase-mask-card-1.svg);mask-image:url(showcase-mask-card-1.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 99.16%;mask-size:100% 99.16%;-webkit-mask-position:center .34%;mask-position:center .34%}.showcase__pedestal{position:absolute;left:calc(32.35% + var(--js-pedestal-offset-x, 0%));top:calc(86.59% + var(--js-pedestal-offset-y, 0%));width:35.29%;pointer-events:none;opacity:1;transition:opacity .3s ease}.showcase.is-animating .showcase__pedestal{opacity:0}.showcase__shadow{position:absolute;left:50%;transform:translate(-50%);width:102%;max-width:none;display:block}.showcase__shadow--outer{top:var(--js-shadow-y, -8px);height:var(--js-shadow-height, 38px)}.showcase__shadow--inner{top:calc(var(--js-shadow-y, -8px) + 4px);width:100%;height:calc(var(--js-shadow-height, 38px) * .7)}.showcase__pedestal-base{position:relative;width:100%;height:var(--js-pedestal-height, 78px);border-radius:16px;background:linear-gradient(to top,#fff 7.67%,#fff0 92.33%)}.showcase__nav{position:absolute;top:var(--js-nav-top, 50%);transform:translateY(-20%);width:var(--js-nav-size-mobile, 44px);height:var(--js-nav-size-mobile, 44px);padding:0;background:var(--js-nav-bg, none);border:0;border-radius:var(--js-nav-radius, 50%);cursor:pointer;z-index:4;display:none;transition:transform .2s ease;opacity:var(--js-nav-opacity, 1);box-shadow:var(--js-nav-shadow, none)}@media screen and (min-width:750px){.showcase__nav{display:inline-block;width:var(--js-nav-size, 60px);height:var(--js-nav-size, 60px)}}.showcase__nav:hover{transform:translateY(-20%) scale(1.05)}.showcase__nav:active{transform:translateY(-20%) scale(.95)}.showcase__nav--prev{left:var(--js-nav-inset-mobile, 12px)}.showcase__nav--next{right:var(--js-nav-inset-mobile, 12px)}@media screen and (min-width:750px){.showcase__nav--prev{left:var(--js-nav-inset, 12px)}.showcase__nav--next{right:var(--js-nav-inset, 12px)}}@media screen and (min-width:1440px){.showcase__nav--prev{left:max(var(--js-nav-inset, 16px),calc((100% - var(--showcase-stage-w)) / 2 - 80px))}.showcase__nav--next{right:max(var(--js-nav-inset, 16px),calc((100% - var(--showcase-stage-w)) / 2 - 80px))}}.showcase__nav-circle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.showcase__nav-chevron{position:absolute;top:50%;left:50%;width:var(--js-nav-icon-size, 14px);height:auto;display:block}.showcase__nav-chevron--prev{transform:translate(-40%,-50%) scaleX(-1)}.showcase__nav-chevron--next{transform:translate(-60%,-50%)}.showcase__nav:hover .showcase__nav-circle{filter:brightness(.95)}.showcase__nav:focus-visible{outline:2px solid #20a9b9;outline-offset:4px;border-radius:50%}.showcase__credit{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:16px;padding:0 20px}@media screen and (min-width:750px){.showcase__credit{gap:24px;flex-wrap:nowrap}}.showcase__credit-group{display:flex;align-items:center;gap:12px}.showcase__credit-label{color:#6d6e74;font-family:"Inter",var(--font-body-family, sans-serif);font-weight:500;font-size:16px;line-height:1.4;letter-spacing:-.48px;white-space:nowrap}.showcase__credit-logo{height:28px;width:auto;display:block;opacity:.75}.showcase__credit-divider{width:1px;height:38px;background-color:#b9b9b9;display:none}@media screen and (min-width:750px){.showcase__credit-divider{display:block}}.showcase__credit-pill{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid #b9b9b9;border-radius:40px;color:#6d6e74}.showcase__credit-gem{width:18px;height:18px;flex-shrink:0;display:block}.showcase__credit-product{font-family:"Inter",var(--font-body-family, sans-serif);font-size:15.75px;line-height:1;letter-spacing:-.315px;display:inline-flex;gap:4px}.showcase__credit-product-name{font-weight:600}.showcase__credit-product-tier{font-weight:400}.showcase__description{max-width:var(--js-desc-max-width, 690px);margin:24px auto 0;padding:0 20px;font-family:"Inter",var(--font-body-family, sans-serif);font-weight:var(--js-desc-weight, 500);font-size:var(--js-desc-size-mobile, 18px);line-height:1.4;letter-spacing:-.54px;color:#6d6e74;text-align:center}@media screen and (min-width:990px){.showcase__description{font-size:var(--js-desc-size-desktop, 22px);letter-spacing:-.66px}}.showcase__description p{margin:0}.showcase__description strong{font-weight:600;color:#181b22}.showcase__cta{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:16px 24px;border-radius:30px;background-color:#20a9b9;color:#fff;font-family:"DM Sans",var(--font-body-family, sans-serif);font-weight:500;font-size:var(--js-button-size-desktop, 18px);line-height:1;letter-spacing:-.54px;text-decoration:none;transition:background-color .2s ease,transform .2s ease;white-space:nowrap;margin-top:8px}.showcase__cta:hover,.showcase__cta:active{background-color:#1c97a6;transform:translateY(-1px)}.showcase__cta:focus-visible{outline:2px solid #20a9b9;outline-offset:3px}@media screen and (max-width:749px){.showcase__cta{font-size:var(--js-button-size-mobile, 16px)}}@media screen and (max-width:749px){.showcase__card[data-pos="1"],.showcase__card[data-pos="5"]{display:none}.showcase__card[data-pos="2"]{left:4%;width:28%}.showcase__card[data-pos="4"]{left:68%;width:28%}.showcase__card[data-pos="3"]{left:34%;width:32%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-jewelry-showcase.css.map */