dd-showcase{display:block}.dd-showcase{--dd-cy: 44svh;position:relative;overflow:hidden;isolation:isolate;background:rgb(var(--color-background));color:rgba(var(--color-foreground),.6)}.dd-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 46% 52% at 50% 44%,rgba(var(--color-foreground),.13),transparent 70%),radial-gradient(ellipse 120% 90% at 50% 40%,transparent 55%,rgba(0,0,0,.45));pointer-events:none}.dd-showcase__stage{position:relative}.dd-showcase__eyebrow{position:absolute;top:2.8rem;left:0;right:0;z-index:2;margin:0 auto;font-size:1.2rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.dd-showcase__slide{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none}.dd-showcase__slide.is-leaving{visibility:visible}.dd-showcase__slide.is-active{position:relative;visibility:visible;pointer-events:auto}.dd-showcase__slide:not(.is-active) :is(.dd-showcase__story,.dd-showcase__details,.dd-showcase__info){display:none}.dd-showcase__hero{position:relative;min-height:max(64rem,74svh);touch-action:pan-y}.dd-showcase--medium .dd-showcase__hero{min-height:max(56rem,62svh)}.dd-showcase--full .dd-showcase__hero{min-height:max(72rem,100svh)}.dd-showcase__word-wrap{position:absolute;top:40%;left:0;right:0;height:0;display:flex;align-items:center;justify-content:center;pointer-events:none;will-change:transform,opacity}.dd-showcase__word{margin:0;font-family:var(--dd-font-accent-family, "Times New Roman", serif);font-style:var(--dd-font-accent-style, italic);font-weight:400;font-size:clamp(8rem,24vw,22rem);line-height:.8;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(180deg,rgba(var(--color-foreground),.38),rgba(var(--color-foreground),.1) 62%,rgba(var(--color-foreground),0));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-user-select:none;user-select:none}.dd-showcase--font-heading .dd-showcase__word{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight)}.dd-showcase--font-display .dd-showcase__word{font-family:var(--dd-font-display-family);font-weight:var(--dd-font-display-weight);letter-spacing:-.04em}.dd-showcase__product{--dd-size: min(30rem, 72vw);position:absolute;top:38%;left:50%;z-index:1;width:0;height:0;translate:calc(var(--mx, 0) * 1.8rem) calc(var(--my, 0) * 1.4rem);transition:translate .9s var(--dd-ease-out);pointer-events:none}@media screen and (min-width:750px){.dd-showcase__word-wrap{top:46%}.dd-showcase__word{font-size:clamp(12rem,19vw,34rem)}.dd-showcase__product{--dd-size: min(46rem, 40vw);top:45%}}.dd-showcase__tilt{position:absolute;left:calc(var(--dd-size) / -2);top:calc(var(--dd-size) / -2);width:var(--dd-size);height:var(--dd-size);transform-style:preserve-3d;will-change:transform}.dd-showcase__enter,.dd-showcase__float{width:100%;height:100%}.dd-showcase__float{rotate:var(--dd-tilt, -12deg)}.dd-showcase__float img,.dd-showcase__float .placeholder-svg{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3rem 3.6rem rgba(0,0,0,.5))}.dd-showcase__float .placeholder-svg{fill:rgba(var(--color-foreground),.35)}.dd-showcase__product:after{content:"";position:absolute;left:calc(var(--dd-size) * -.32);width:calc(var(--dd-size) * .64);top:calc(var(--dd-size) * .46);height:calc(var(--dd-size) * .07);border-radius:50%;background:#0000008c;filter:blur(1.6rem)}.dd-showcase__ring{position:absolute;left:-12%;top:-12%;width:124%;height:124%;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:50%;opacity:0}.dd-showcase__info{position:absolute;left:0;right:0;bottom:3.2rem;z-index:2;display:flex;flex-direction:column;gap:2rem}@media screen and (min-width:750px){.dd-showcase__info{bottom:4.8rem;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:4rem}}.dd-showcase__caption{max-width:34rem;margin:0;font-size:1.5rem;line-height:1.55;color:rgba(var(--color-foreground),.55)}.dd-showcase__title{color:rgb(var(--color-foreground));text-decoration:none}a.dd-showcase__title:hover{text-decoration:underline;text-underline-offset:.4rem}.dd-showcase__buy{display:flex;flex-direction:column;gap:1.2rem}@media screen and (min-width:750px){.dd-showcase__buy{align-items:flex-end}}.dd-showcase__price{font-family:var(--dd-font-display-family);font-weight:var(--dd-font-display-weight);font-size:2rem;letter-spacing:.02em;color:rgb(var(--color-foreground))}.dd-showcase__price .price-item{color:rgb(var(--color-foreground))}.dd-showcase__actions{display:flex;flex-wrap:wrap;gap:1rem}.dd-showcase__actions .button{min-width:0;padding:0 2.4rem}.dd-showcase__story,.dd-showcase__details{position:relative;max-width:var(--page-width);margin:0 auto;padding:4rem 1.5rem 5rem}.dd-showcase__kicker{margin:0 0 1.6rem;font-size:1.2rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.dd-showcase__kicker span{color:rgb(var(--dd-accent))}.dd-showcase__story-title{margin:0 0 2rem}.dd-showcase__story-text{max-width:44rem;margin:0 0 3.2rem;font-size:1.6rem;line-height:1.65;color:rgba(var(--color-foreground),.7)}.dd-showcase__specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin:0}.dd-showcase__spec{display:flex;flex-direction:column;gap:.6rem;padding-top:1.4rem;border-top:.1rem solid rgba(var(--color-foreground),.22)}.dd-showcase__spec-value{font-family:var(--dd-font-display-family);font-weight:var(--dd-font-display-weight);font-size:clamp(2rem,2.4vw,3rem);line-height:1;text-transform:var(--dd-display-transform);color:rgb(var(--dd-accent))}.dd-showcase__spec-label{font-size:1.2rem;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.dd-showcase__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:0 0 2.8rem}.dd-showcase__card{display:flex;flex-direction:column;gap:.8rem;padding:2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--dd-radius);background:rgba(var(--color-foreground),.04)}.dd-showcase__card-number{font-family:var(--dd-font-display-family);font-weight:var(--dd-font-display-weight);font-size:1.2rem;letter-spacing:.16em;color:rgb(var(--dd-accent))}.dd-showcase__card-title{font-family:var(--dd-font-display-family);font-weight:var(--dd-font-display-weight);font-size:1.7rem;line-height:1.15;text-transform:var(--dd-display-transform);color:rgb(var(--color-foreground))}.dd-showcase__card-text{font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.65)}.dd-showcase__cta{display:flex;flex-wrap:wrap;gap:1rem}.dd-showcase__cta .button{min-width:0;padding:0 2.4rem}@media screen and (max-width:749px){.dd-showcase__specs,.dd-showcase__cards{grid-template-columns:minmax(0,1fr)}}.dd-showcase__rail{display:none}.dd-showcase__controls{position:absolute;top:6rem;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}@media screen and (min-width:750px){.dd-showcase__controls{top:2rem;left:auto;justify-content:flex-end;padding:0 5rem}}.dd-showcase__counter{flex-shrink:0;margin:0;white-space:nowrap;font-family:var(--dd-font-display-family);font-weight:var(--dd-font-display-weight);font-size:1.3rem;letter-spacing:.1em;color:rgb(var(--color-foreground))}.dd-showcase__counter-total{color:rgba(var(--color-foreground),.4)}.dd-showcase__dots{display:flex;gap:1.6rem}@media screen and (max-width:749px){.dd-showcase__dots{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.4rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 2.4rem),transparent)}.dd-showcase__dots::-webkit-scrollbar{display:none}.dd-showcase__dot{flex-shrink:0;min-height:4.4rem}.dd-showcase__dots>:last-child{margin-right:2.4rem}.dd-showcase__controls .dd-showcase__arrows{display:none}}.dd-showcase__dot{position:relative;padding:.6rem 0;border:0;background:none;color:rgba(var(--color-foreground),.45);font:inherit;font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:color var(--dd-duration) var(--dd-ease-out)}.dd-showcase__dot:after{content:"";position:absolute;left:0;right:0;bottom:0;height:.1rem;background:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:left}.dd-showcase__dot:hover,.dd-showcase__dot[aria-current=true]{color:rgb(var(--color-foreground))}.dd-showcase__dot[aria-current=true]:after{transform:scaleX(1)}.dd-showcase__arrows{display:flex;gap:.8rem}.dd-showcase__arrow{display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--dd-duration) var(--dd-ease-out),border-color var(--dd-duration) var(--dd-ease-out),color var(--dd-duration) var(--dd-ease-out)}.dd-showcase__arrow svg{width:1.4rem;height:1.4rem}.dd-showcase__arrow--prev svg{transform:rotate(180deg)}.dd-showcase__arrow:hover{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.dd-showcase__dot:focus-visible,.dd-showcase__arrow:focus-visible{outline:.2rem solid rgb(var(--dd-accent));outline-offset:.3rem}@media screen and (min-width:990px)and (prefers-reduced-motion:no-preference){.dd-scrollfx .dd-showcase:not(.is-static){--dd-visible: 100svh}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__stage{height:100svh;perspective:1600px}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__slide{position:absolute;top:0;right:0;bottom:0;left:0}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__hero{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__word-wrap{top:var(--dd-cy)}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__product{top:var(--dd-cy)}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__info{bottom:calc(100svh - var(--dd-visible) + 3.2rem)}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__story,.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__details{position:absolute;top:0;bottom:0;z-index:2;display:flex;flex-direction:column;justify-content:center;max-width:none;margin:0;padding:0 0 calc(100svh - 2 * var(--dd-cy));opacity:0;visibility:hidden}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__story{left:max(5vw,3rem);width:min(46rem,36vw)}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__details{right:max(5vw,3rem);width:min(50rem,40vw)}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__slide[data-side=left] .dd-showcase__story{left:auto;right:max(5vw,3rem)}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__slide[data-side=left] .dd-showcase__details{right:auto;left:max(5vw,3rem)}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__story-title{font-size:clamp(3.4rem,4.4vw,6rem)}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__story-text{margin-bottom:2.8rem}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__specs{grid-template-columns:repeat(3,minmax(0,1fr))}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__rail{position:absolute;top:5.6rem;left:max(5vw,3rem);z-index:3;display:flex;justify-content:flex-start;gap:2.4rem;margin:0;pointer-events:none;font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase}.dd-showcase__rail li{display:flex;gap:.8rem;align-items:center;color:rgba(var(--color-foreground),.35);transition:color var(--dd-duration) var(--dd-ease-out)}.dd-showcase__rail li:after{content:"";width:0;height:.1rem;background:rgb(var(--dd-accent));transition:width .5s var(--dd-ease-out)}.dd-showcase__rail li.is-active{color:rgb(var(--color-foreground))}.dd-showcase__rail li.is-active:after{width:2.4rem}.dd-showcase__rail li span{color:rgb(var(--dd-accent))}.dd-scrollfx .dd-showcase:not(.is-static) .dd-showcase__eyebrow{top:2.6rem;left:max(5vw,3rem);right:auto;margin:0;width:auto;max-width:none;padding:0}}@media(prefers-reduced-motion:no-preference){.dd-showcase__float{animation:dd-showcase-float 7s ease-in-out infinite}.dd-showcase__product:after{animation:dd-showcase-shadow 7s ease-in-out infinite}.dd-showcase__slide.is-active .dd-showcase__word{animation:dd-showcase-word-in 1.2s var(--dd-ease-out) both}.dd-showcase__slide.is-active .dd-showcase__enter{animation:dd-showcase-product-in 1.1s var(--dd-ease-spring) 80ms both}.dd-showcase__slide.is-active .dd-showcase__info>*{animation:dd-rise .8s var(--dd-ease-out) .32s both}.dd-showcase__slide.is-active .dd-showcase__info>:nth-child(2){animation-delay:.42s}.dd-showcase__slide.is-leaving .dd-showcase__word{animation:dd-showcase-word-out .6s var(--dd-ease-out) both}.dd-showcase__slide.is-leaving .dd-showcase__enter{animation:dd-showcase-product-out .6s var(--dd-ease-out) both}.dd-showcase__slide.is-leaving .dd-showcase__info{animation:dd-showcase-fade-out .4s var(--dd-ease-out) both}.dd-showcase.is-playing .dd-showcase__dot[aria-current=true]:after{animation:dd-showcase-progress var(--dd-autoplay, 6s) linear both}.dd-showcase__dot:after{transition:transform var(--dd-duration) var(--dd-ease-out)}.dd-showcase.is-offscreen *{animation-play-state:paused!important}}@keyframes dd-showcase-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2.4%) rotate(1.5deg)}}@keyframes dd-showcase-shadow{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(.82);opacity:.7}}@keyframes dd-showcase-word-in{0%{opacity:0;letter-spacing:.2em;filter:blur(1.2rem);transform:translate3d(0,12%,0)}}@keyframes dd-showcase-word-out{to{opacity:0;filter:blur(.8rem);transform:translate3d(0,-18%,0)}}@keyframes dd-showcase-product-in{0%{opacity:0;transform:translate3d(0,18%,0) rotate(24deg) scale(.72)}}@keyframes dd-showcase-product-out{to{opacity:0;transform:translate3d(0,-40%,0) rotate(-18deg) scale(.86)}}@keyframes dd-showcase-fade-out{to{opacity:0}}@keyframes dd-showcase-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-dd-showcase.css.map */
