.product-moments-section.section+.section,.section+.product-moments-section.section{margin-top:0}.product-moments{position:relative;overflow:hidden;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));--pm-overlay-text: #fff;--pm-scrim: linear-gradient( to top, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .45) 32%, rgba(0, 0, 0, .05) 62%, rgba(0, 0, 0, 0) 100% )}.product-moments__viewport{position:relative;display:flex;flex-direction:column}.product-moments__header{flex:0 0 auto;padding:3.2rem 2rem 2rem}.product-moments__heading{margin:0}.product-moments__stage{display:flex;flex-direction:column;gap:1.6rem;min-width:0}.product-moments__moment{position:relative;display:block;margin:0;overflow:hidden;color:inherit;text-decoration:none;background-color:rgba(var(--color-foreground),.04)}a.product-moments__moment:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.4rem}.product-moments__media{position:relative;width:100%;aspect-ratio:var(--pm-mobile-aspect, 4 / 5);overflow:hidden}.product-moments .product-moments__image,.product-moments .product-moments__video,.product-moments .placeholder-svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.product-moments .placeholder-svg{background-color:rgba(var(--color-foreground),.04);fill:rgba(var(--color-foreground),.35)}.product-moments__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--pm-scrim)}.product-moments__content{position:absolute;z-index:2;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:2.4rem 2rem;color:var(--pm-overlay-text);pointer-events:none}.product-moments__step{margin:0;font-size:clamp(2.4rem,7vw,4rem);font-weight:600;line-height:1.05;letter-spacing:-.02em;transform-origin:left bottom}.product-moments__product{margin:0;font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:500;line-height:1.2}.product-moments__benefit{margin:0;font-size:1.3rem;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;opacity:.82}.product-moments__cta{display:inline-flex;align-items:center;gap:.6rem;margin-top:.8rem;padding:.8rem 1.6rem;border:.1rem solid rgba(255,255,255,.55);border-radius:999px;font-size:1.3rem;letter-spacing:.04em}.product-moments__cta-arrow{transition:transform var(--duration-short, .1s) ease}a.product-moments__moment:hover .product-moments__cta-arrow,a.product-moments__moment:focus-visible .product-moments__cta-arrow{transform:translate(.3rem)}.product-moments__progress{display:none}.product-moments--stacked .product-moments__progress{position:absolute;z-index:4;right:3.2rem;bottom:3.2rem;display:flex;gap:.8rem;margin:0;padding:0;list-style:none;pointer-events:none}.product-moments__progress-item{width:4.8rem;height:.3rem;overflow:hidden;border-radius:999px;background-color:#ffffff4d}.product-moments__progress-fill{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background-color:var(--pm-overlay-text)}@media screen and (min-width:750px){.product-moments__media{aspect-ratio:16 / 9}.product-moments__header{padding:4rem 5rem 2.4rem}.product-moments__content{gap:1.2rem;padding:5.6rem 5rem}.product-moments__step{font-size:clamp(4rem,5.5vw,7.2rem)}.product-moments__product{font-size:clamp(2.4rem,2.6vw,3.4rem)}.product-moments__benefit{font-size:1.5rem}.product-moments--stacked .product-moments__viewport{height:100vh;height:100svh;min-height:54rem;overflow:hidden}.product-moments--stacked .product-moments__header{position:absolute;z-index:3;top:0;right:0;left:0;padding-bottom:0;color:var(--pm-overlay-text);pointer-events:none}.product-moments--stacked .product-moments__stage{display:grid;grid-template-areas:"stage";grid-template-columns:1fr;grid-template-rows:1fr;gap:0;flex:1 1 auto;min-height:0}.product-moments--stacked .product-moments__moment{grid-area:stage;height:100%;min-height:0;background-color:transparent;pointer-events:none}.product-moments--stacked .product-moments__moment.is-active{z-index:2;pointer-events:auto}.product-moments--stacked .product-moments__media{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;aspect-ratio:auto;will-change:opacity}.product-moments--stacked .product-moments__content{max-width:72rem}}@media(prefers-reduced-motion:reduce){.product-moments__media{will-change:auto}.product-moments__cta-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/product-moments.css.map */