.fort-movement-slider{--fort-slider-gutter:max(6rem, calc((100vw - 152rem)/2) );--card-width:min(43rem, calc(100vw - 8rem) );--expanded-width:min(144rem,calc(100vw - var(--fort-slider-gutter)*2));padding:7rem 0;overflow:clip;background:#fff}.fort-movement-slider__top{display:flex;flex-direction:column;align-items:center;gap:2.4rem;margin:0 var(--fort-slider-gutter) 3.5rem}.fort-movement-slider__top h2{max-width:80rem;margin:0;font-family:var(--fort-font-body);font-size:clamp(3.2rem,3.5vw,5.6rem);line-height:1.08;text-transform:none;letter-spacing:-.035em;font-weight:400}.fort-movement-slider__intro{max-width:80rem;text-align:center}.fort-movement-slider__intro>p{margin:1.8rem 0 0;font-size:clamp(1.8rem,1.65vw,2.2rem);line-height:1.45;font-weight:400;text-wrap:pretty}.fort-movement-slider__controls{display:flex;gap:1rem;flex-shrink:0;align-self:flex-end}.fort-movement-slider [hidden]{display:none!important}.fort-movement-slider__controls button{min-width:44px;min-height:44px;font-size:2.1rem}.fort-movement-slider__controls button:disabled{opacity:.3;cursor:default}.fort-movement-slider__viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 var(--fort-slider-gutter);scroll-snap-type:x proximity;scroll-padding-inline:var(--fort-slider-gutter)}.fort-movement-slider__viewport::-webkit-scrollbar{display:none}.fort-movement-slider__track{display:flex;align-items:stretch;gap:2rem;width:max-content;padding-right:max(0px,calc(100vw - var(--fort-slider-gutter)*2 - var(--card-width)))}.fort-movement-slider__card{position:relative;isolation:isolate;flex:0 0 auto;width:var(--card-width);min-height:620px;border-radius:2.4rem;overflow:hidden;background:#f3f3f1;color:#fff;scroll-snap-align:start;transition:width .48s cubic-bezier(.22,1,.36,1)}.fort-movement-slider__photo{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:var(--card-width);height:100%;object-fit:cover;object-position:var(--photo-position,50%) 22%;pointer-events:none;transition:width .48s cubic-bezier(.22,1,.36,1),height .48s cubic-bezier(.22,1,.36,1)}.fort-movement-slider__shade{position:absolute;z-index:-1;top:50%;right:0;bottom:0;left:0;background:none;pointer-events:none;transition:opacity .24s}.fort-movement-slider__toggle{position:absolute;top:2rem;right:2rem;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;z-index:3;padding:0}.fort-movement-slider__toggle-icon{display:block;width:24px;height:24px;transition:transform .36s cubic-bezier(.22,1,.36,1)}.fort-movement-slider__toggle[aria-expanded=true] .fort-movement-slider__toggle-icon{transform:rotate(45deg)}.fort-movement-slider :is(button,[tabindex]):focus-visible{outline:2px solid currentColor;outline-offset:-4px}.fort-movement-slider__copy{position:absolute;bottom:0;left:0;width:var(--card-width);max-width:100%;padding:3.2rem;color:#fff;transition:opacity .18s ease}.fort-movement-slider h3{color:inherit;font-family:inherit;font-size:clamp(2.8rem,2.4vw,3.4rem);font-weight:400;line-height:1.08;letter-spacing:-.025em;margin:0}.fort-movement-slider__metrics{position:relative;margin-left:calc(var(--expanded-width)/3);min-height:620px;width:calc(var(--expanded-width)*2/3);display:grid;grid-template-columns:1fr 1fr;color:#171717;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s,transform .42s cubic-bezier(.22,1,.36,1),visibility 0s .22s;pointer-events:none}.fort-movement-slider__phone-stage{position:relative;min-width:0;overflow:hidden}.fort-movement-slider__phone-stage .fort-app-phone{position:absolute;top:4.8rem;left:50%;transform:translate(-50%);width:calc(100% - 4rem);max-width:32rem;margin:0}.fort-movement-slider__detail{min-width:0;padding:8rem 3.2rem 4rem;scrollbar-width:thin}.fort-movement-slider__detail h3{margin-bottom:2rem}.fort-movement-slider__detail p{font-size:1.7rem;font-weight:400;line-height:1.55;margin:0 0 2rem}.fort-movement-slider__detail .fort-movement-slider__overview{font-size:1.9rem;line-height:1.4;margin-bottom:3rem}.fort-movement-slider .is-expanded{scroll-snap-align:center;width:var(--expanded-width);color:#171717}.fort-movement-slider .is-expanded .fort-movement-slider__photo{width:calc(var(--expanded-width)/3)}.fort-movement-slider .is-expanded .fort-movement-slider__copy,.fort-movement-slider .is-expanded .fort-movement-slider__shade{opacity:0;pointer-events:none}.fort-movement-slider .is-expanded .fort-movement-slider__metrics{opacity:1;visibility:visible;transform:none;transition-delay:.18s,.18s,0s;pointer-events:auto}.fort-movement-slider__viewport.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}@media(max-width:749px){.fort-movement-slider{--fort-slider-gutter:16px;--card-width: calc(100vw - 56px) ;--expanded-width:var(--card-width);padding:5rem 0}.fort-movement-slider__top{align-items:center;margin-bottom:2.4rem;gap:1.2rem}.fort-movement-slider__intro{width:100%}.fort-movement-slider__top h2{font-size:clamp(2.8rem,7vw,3.8rem);max-width:none}.fort-movement-slider__controls{gap:.4rem;margin-left:auto}.fort-movement-slider__track{gap:1.2rem}.fort-movement-slider__card{border-radius:2rem}.fort-movement-slider__toggle{top:1.2rem;right:1.2rem}.fort-movement-slider__copy{padding:2.4rem}.fort-movement-slider h3{font-size:2.8rem}.fort-movement-slider__metrics{margin-left:0;width:100%;grid-template-columns:1fr 1fr;grid-template-rows:300px auto}.fort-movement-slider .is-expanded .fort-movement-slider__photo{width:calc(var(--card-width)/2);height:300px}.fort-movement-slider__phone-stage{grid-column:2;padding:5.6rem 1.2rem 1.2rem}.fort-movement-slider__phone-stage .fort-app-phone{top:5.6rem;width:calc(100% - 2.4rem);max-width:19rem;padding:3px;border-width:1px;border-radius:1.8rem}.fort-movement-slider__phone-stage .fort-app-phone img{border-radius:1.4rem}.fort-movement-slider__detail{grid-column:1/-1;padding:2.4rem}.fort-movement-slider__detail p{font-size:1.6rem}.fort-movement-slider__detail .fort-movement-slider__overview{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.fort-movement-slider *{transition:none!important;scroll-behavior:auto!important}}.fort-movement-slider__viewport.is-resizing{scroll-snap-type:none;overflow-anchor:none}.fort-movement-slider__card:not(.is-expanded) .fort-movement-slider__copy{transition-delay:.18s}.fort-movement-slider__category{position:absolute;z-index:2;top:2rem;left:2rem;padding:.8rem 1.6rem;border-radius:999px;background:#191919b8;color:#fff;font-size:1.6rem;line-height:1.4}.fort-movement-slider__detail p:last-child{margin-bottom:0}@media(max-width:749px){.fort-movement-slider__category{top:1.6rem;left:1.6rem;font-size:1.4rem;padding:.6rem 1.2rem}.fort-movement-slider__detail h3{margin-bottom:1.2rem}.fort-movement-slider__detail .fort-movement-slider__overview{margin-bottom:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/fort-movement-slider.css.map */