.dd-sphere{--card-w: clamp(12rem, 13vw, 22rem);display:block;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.dd-sphere__stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:4rem;padding:6rem 1.5rem}.dd-sphere__ball{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.dd-sphere__scene{order:2}.dd-sphere__vignette{display:none}.dd-sphere__center{text-align:center}.dd-sphere__eyebrow{margin:0 0 1.6rem;font-family:var(--dd-font-display-family);font-weight:var(--dd-font-display-weight);font-size:1.2rem;letter-spacing:.24em;text-transform:uppercase}.dd-sphere__word{width:min-content;margin:0 auto;font-family:var(--dd-font-display-family);font-weight:900;font-size:clamp(6.4rem,min(14vw,22svh),24rem);line-height:.82;letter-spacing:-.04em;text-transform:uppercase;word-break:normal;overflow-wrap:normal;color:transparent;background:linear-gradient(calc(100deg + var(--g, 0) * 26deg),#fff 22%,#a9b2b7 46%,#f4f6f7 58%,#8f989d 74%,#fff 92%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(.03em .04em 0 rgb(var(--dd-accent)))}.dd-sphere__footer{order:3;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.dd-sphere__hint{display:none;margin:0;font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.dd-sphere__card{display:block;width:var(--card-w);color:inherit;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.dd-sphere__plate{position:relative;display:block;overflow:hidden;aspect-ratio:210 / 297}.dd-sphere__plate img{display:block;width:100%;height:100%;object-fit:cover;transition:scale var(--dd-duration-slow) var(--dd-ease-out);-webkit-user-drag:none}.dd-sphere__card:hover .dd-sphere__plate img{scale:1.05}.dd-sphere__plate-empty{display:grid;place-items:center;height:100%;font-family:var(--dd-font-display-family);font-weight:var(--dd-font-display-weight);font-size:3.2rem;color:#0000008c;background:linear-gradient(115deg,#e6e9eb,#aab1b5 45%,#eef0f2 60%,#b4bbbf)}.dd-sphere__label{display:flex;justify-content:space-between;gap:.8rem;padding:.3rem .6rem;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.9rem,.72vw,1.15rem);line-height:1.5;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:rgb(var(--dd-accent-text));background:rgb(var(--dd-accent))}.dd-sphere__label span:first-child{overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:749px){.dd-sphere{--card-w: clamp(10rem, 33vw, 15rem)}}@media(prefers-reduced-motion:no-preference){.dd-sphere.is-enhanced{--radius: calc(var(--card-w) * 3.2);height:180svh}.dd-sphere.is-enhanced .dd-sphere__stage{position:sticky;top:0;display:block;height:100svh;padding:0;overflow:clip;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.dd-sphere.is-dragging .dd-sphere__stage{cursor:grabbing}.dd-sphere.is-enhanced .dd-sphere__scene{position:absolute;top:0;right:0;bottom:0;left:0;perspective:calc(var(--radius) * 1.9);perspective-origin:50% calc(50% - var(--dd-sphere-shift, 0px))}.dd-sphere.is-enhanced .dd-sphere__ball{position:absolute;top:calc(50% - var(--dd-sphere-shift, 0px));left:50%;display:block;width:0;height:0;transform-style:preserve-3d;will-change:transform}.dd-sphere.is-enhanced .dd-sphere__card{position:absolute;top:calc(var(--card-w) * -.78);left:calc(var(--card-w) * -.5);backface-visibility:hidden;transform:rotateY(var(--lon)) rotateX(var(--lat)) translateZ(calc(var(--radius) * -1))}.dd-sphere.is-enhanced .dd-sphere__card[hidden]{display:none}.dd-sphere.is-enhanced .dd-sphere__plate:after{content:"";position:absolute;top:0;right:-70%;bottom:0;left:-70%;background:linear-gradient(104deg,transparent 42%,rgba(255,255,255,.5) 50%,transparent 58%);transform:translate3d(calc((var(--g, 0) + var(--o, 0)) * 34%),0,0);pointer-events:none;will-change:transform}.dd-sphere.is-enhanced .dd-sphere__vignette{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;background:radial-gradient(ellipse 72% 78% at 50% calc(50% - var(--dd-sphere-shift, 0px)),transparent 42%,rgb(var(--color-background)) 100%)}.dd-sphere.is-enhanced .dd-sphere__center{position:absolute;top:calc(50% - var(--dd-sphere-shift, 0px));left:50%;width:max-content;max-width:100%;translate:-50% -50%;pointer-events:none;will-change:transform}.dd-sphere.is-enhanced .dd-sphere__footer{position:absolute;left:50%;bottom:calc(clamp(1.6rem,3svh,3.2rem) + var(--dd-sphere-shift, 0px) * 2);translate:-50% 0;width:max-content}.dd-sphere.is-enhanced .dd-sphere__hint{display:block}@media screen and (min-width:750px){.dd-sphere.is-enhanced .dd-sphere__footer{flex-direction:row;gap:2rem}}@media screen and (max-width:749px){.dd-sphere.is-enhanced{--radius: calc(var(--card-w) * 2.6)}}}@media(prefers-reduced-motion:no-preference){.dd-sphere.is-enhanced .dd-sphere__center:before{content:"";position:absolute;top:-22%;right:-12%;bottom:-22%;left:-12%;z-index:-1;background:radial-gradient(closest-side,#000000c7 35%,#0000)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-dd-poster-sphere.css.map */