.drpen-card-orbit{--drpen-orbit-radius: clamp(22rem, calc(14rem + (var(--drpen-orbit-count) * 3.6rem)), 54rem);--drpen-card-width: clamp(16rem, 18vw, 23rem);--drpen-scene-height: clamp(48rem, 58vw, 68rem);--drpen-orbit-intensity: .95;--drpen-orbit-shift-x: 0px;--drpen-orbit-shift-y: 0px;position:relative;overflow:clip;isolation:isolate}.drpen-card-orbit__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:calc(.18 + .22 * var(--drpen-orbit-intensity))}.drpen-card-orbit__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--drpen-orbit-accent) 32%,transparent),transparent 34%),linear-gradient(to bottom,rgb(var(--color-background)),transparent 24%,transparent 72%,rgb(var(--color-background)))}.drpen-card-orbit__bg-image{width:100%;height:100%;display:block;object-fit:cover}.drpen-card-orbit__header{max-width:76rem;margin-inline:auto;text-align:center}.drpen-card-orbit__eyebrow{margin:0 0 1rem;color:var(--drpen-orbit-accent);font-size:1.3rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.drpen-card-orbit__heading{margin:0}.drpen-card-orbit__description{max-width:58rem;margin:1.6rem auto 0}.drpen-card-orbit__viewport{height:var(--drpen-scene-height);margin-top:clamp(3.2rem,5vw,6.4rem);position:relative;display:grid;place-items:center;perspective:130rem;transform-style:preserve-3d;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.drpen-card-orbit[data-dragging=true] .drpen-card-orbit__viewport{cursor:grabbing}.drpen-card-orbit__viewport:before{content:"";width:min(92%,calc(var(--drpen-orbit-radius) * 2.05));aspect-ratio:2.4;position:absolute;top:52%;left:50%;border:.1rem solid color-mix(in srgb,var(--drpen-orbit-accent) 28%,transparent);border-radius:999px;opacity:calc(.18 + .28 * var(--drpen-orbit-intensity));transform:translate3d(-50%,-50%,-20rem) rotateX(72deg);box-shadow:0 0 calc(3rem + 5rem * var(--drpen-orbit-intensity)) color-mix(in srgb,var(--drpen-orbit-accent) 24%,transparent)}.drpen-card-orbit__ring{width:1px;height:1px;position:absolute;inset:50% auto auto 50%;transform-style:preserve-3d;transform:translate3d(-50%,-50%,0) rotateX(var(--drpen-orbit-tilt-x, 0deg)) rotateY(calc(var(--drpen-orbit-rotation, 0deg) + var(--drpen-orbit-tilt-y, 0deg)));transition:transform var(--drpen-orbit-transition) linear;will-change:transform}.drpen-card-orbit__viewport:hover .drpen-card-orbit__ring{transition-duration:.18s}.drpen-card-orbit__card{--card-angle: 0deg;--card-angle-inverse: 0deg;width:var(--drpen-card-width);aspect-ratio:.68;position:absolute;left:0;top:0;opacity:.48;transform:translate3d(-50%,-50%,0) rotateY(var(--card-angle)) translateZ(var(--drpen-orbit-radius)) rotateY(calc(var(--card-angle-inverse) + var(--drpen-orbit-counter-rotation, 0deg)));transform-style:preserve-3d;backface-visibility:visible;-webkit-backface-visibility:visible;transition:opacity .18s ease,filter .18s ease;filter:saturate(.72) brightness(var(--card-brightness, .72));will-change:transform}.drpen-card-orbit__card.is-active{z-index:7;opacity:1;filter:saturate(1.05) brightness(1)}.drpen-card-orbit__card.is-near{opacity:.74;filter:saturate(.9) brightness(.86)}.drpen-card-orbit__card.is-active .drpen-card-orbit__card-inner{transform:translate3d(var(--drpen-orbit-shift-x),calc(-.8rem + var(--drpen-orbit-shift-y)),4rem) scale(1.06)}.drpen-card-orbit__card-inner{height:100%;position:relative;display:block;overflow:hidden;border:.1rem solid rgba(255,255,255,.22);border-radius:1.4rem;color:inherit;text-decoration:none;background:linear-gradient(145deg,#ffffff38,#ffffff05),color-mix(in srgb,rgb(var(--color-background)) 84%,transparent);box-shadow:0 2.6rem 6rem #0000002e,0 0 calc(2rem * var(--drpen-orbit-intensity)) color-mix(in srgb,var(--drpen-orbit-accent) 16%,transparent);-webkit-backdrop-filter:blur(1.8rem);backdrop-filter:blur(1.8rem);transform-style:preserve-3d;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.drpen-card-orbit__card:hover .drpen-card-orbit__card-inner,.drpen-card-orbit__card:focus-within .drpen-card-orbit__card-inner{border-color:color-mix(in srgb,var(--drpen-orbit-accent) 62%,white);box-shadow:0 3.4rem 7rem #0000003d;transform:translate3d(0,-1.2rem,5rem) scale(1.04)}.drpen-card-orbit__card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--drpen-orbit-accent) 24%,transparent),transparent 52%),#ffffff0a;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity .18s ease}.drpen-card-orbit__card-face--front{opacity:1;transform:translateZ(.2rem)}.drpen-card-orbit__card-face--back{opacity:0;transform:rotateY(180deg) translateZ(.3rem)}.drpen-card-orbit__card.is-showing-back .drpen-card-orbit__card-face--front{opacity:0}.drpen-card-orbit__card.is-showing-back .drpen-card-orbit__card-face--back{opacity:1}.drpen-card-orbit__card-image{width:100%;height:100%;display:block;object-fit:cover}.drpen-card-orbit__card-mark{margin:auto;width:7.2rem;height:7.2rem;display:grid;place-items:center;border-radius:50%;color:var(--drpen-orbit-accent);background:color-mix(in srgb,var(--drpen-orbit-accent) 14%,transparent);font-size:3rem;font-weight:700}.drpen-card-orbit__card-content{position:absolute;inset:auto 0 0;padding:4.8rem 1.4rem 1.4rem;color:#fff;background:linear-gradient(to top,#000000b8,#0000)}.drpen-card-orbit__card-kicker{margin:0 0 .6rem;color:var(--drpen-orbit-accent);font-size:1.1rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.drpen-card-orbit__card h3{margin:0;font-size:clamp(1.5rem,1.2vw,1.9rem);line-height:1.15}.drpen-card-orbit__card p{margin:.7rem 0 0;font-size:1.3rem;line-height:1.4}.drpen-card-orbit__editor-note{display:none}.drpen-card-orbit__product{width:min(24vw,26rem);min-width:18rem;aspect-ratio:.72;position:absolute;z-index:4;display:grid;place-items:center;pointer-events:none;transform:translate3d(var(--drpen-orbit-shift-x),var(--drpen-orbit-shift-y),8rem);transition:transform .16s ease-out}.drpen-card-orbit__product:before{content:"";width:128%;aspect-ratio:1;position:absolute;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--drpen-orbit-accent) 38%,transparent),transparent 64%);filter:blur(calc(1.2rem + 1.2rem * var(--drpen-orbit-intensity)));opacity:calc(.55 + .45 * var(--drpen-orbit-intensity))}.drpen-card-orbit__product-image{width:100%;height:100%;position:relative;z-index:1;display:block;object-fit:contain;filter:drop-shadow(0 3rem 4rem rgba(0,0,0,.24))}.drpen-card-orbit__footer{display:flex;align-items:center;justify-content:center;gap:1.6rem;flex-wrap:wrap;margin-top:2.4rem;text-align:center}.drpen-card-orbit__footer p{margin:0;opacity:.72}@keyframes drpen-card-orbit-spin{0%{transform:translate3d(-50%,-50%,0) rotateX(var(--drpen-orbit-tilt-x, 0deg)) rotateY(var(--drpen-orbit-tilt-y, 0deg))}to{transform:translate3d(-50%,-50%,0) rotateX(var(--drpen-orbit-tilt-x, 0deg)) rotateY(calc(var(--drpen-orbit-tilt-y, 0deg) + 360deg))}}@media(max-width:989px){.drpen-card-orbit{--drpen-card-width: min(68vw, 24rem);--drpen-scene-height: 50rem;--drpen-orbit-radius: clamp(16rem, calc(10rem + (var(--drpen-orbit-count) * 2.2rem)), 34rem)}.drpen-card-orbit__product{width:min(42vw,18rem);min-width:14rem}}@media(max-width:749px){.drpen-card-orbit{--drpen-scene-height: auto;--drpen-mobile-card-width: min(66vw, 25.5rem);--drpen-mobile-card-height: min(80vw, 32rem);--drpen-mobile-orbit-top-offset: 20px;--drpen-mobile-orbit-bottom-space: 22px}.drpen-card-orbit__viewport{height:calc(var(--drpen-mobile-card-height) + var(--drpen-mobile-orbit-top-offset) + var(--drpen-mobile-orbit-bottom-space));margin-top:clamp(2rem,7vw,3.2rem);display:block;perspective:42rem;perspective-origin:50% 46%;overflow:visible;touch-action:pan-y}.drpen-card-orbit__viewport:before,.drpen-card-orbit__product{display:none}.drpen-card-orbit__ring{width:100%;height:100%;position:relative;inset:auto;display:block;overflow:visible;padding:0;margin-inline:0;transform:none!important;transform-style:preserve-3d;animation:none}.drpen-card-orbit__ring::-webkit-scrollbar{display:none}.drpen-card-orbit__card{width:var(--drpen-mobile-card-width);height:var(--drpen-mobile-card-height);aspect-ratio:auto;position:absolute;left:50%;top:var(--drpen-mobile-orbit-top-offset);opacity:1;filter:none;transform:translate3d(-50%,0,0);transform-origin:center center;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .18s ease-out,opacity .18s ease-out,filter .18s ease-out;will-change:transform,opacity,filter}.drpen-card-orbit__card.is-active .drpen-card-orbit__card-inner,.drpen-card-orbit__card:hover .drpen-card-orbit__card-inner,.drpen-card-orbit__card:focus-within .drpen-card-orbit__card-inner{transform:none}.drpen-card-orbit__card-face--back{display:none}.drpen-card-orbit__card-content{padding:3.4rem 1.3rem 1.3rem;background:linear-gradient(to top,#0000008f,#0000)}.drpen-card-orbit__card h3{font-size:1.5rem}.drpen-card-orbit__card p{font-size:1.25rem;line-height:1.35}.drpen-card-orbit__footer{margin-top:1rem}}@media(prefers-reduced-motion:reduce){.drpen-card-orbit__ring{animation:none!important}.drpen-card-orbit__ring,.drpen-card-orbit__card,.drpen-card-orbit__card-inner{transition-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/drpen-card-orbit-showcase.css.map */