.scooch-fall-motion{display:block;background:#fff;color:#282828}.scooch-fall-motion__viewport{position:relative;isolation:isolate;overflow:hidden;height:clamp(544px,calc(100svh - 146px),784px);background:#fff;touch-action:pan-y pinch-zoom}.scooch-fall-motion__scene{position:absolute;top:0;right:0;bottom:0;left:0}.scooch-fall-motion__scene[hidden]{display:none}.scooch-fall-motion__slide-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;text-decoration:none}.scooch-fall-motion__background{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.scooch-fall-motion__background img{width:100%;height:100%;object-fit:cover;object-position:center}.scooch-fall-motion__scrim{position:absolute;top:45%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#10140ead);pointer-events:none}.scooch-fall-motion__composition{position:absolute;top:24px;right:20px;bottom:64px;left:20px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:24px;justify-items:center}.scooch-fall-motion__cases{position:relative;height:100%;width:min(860px,100%);container-type:size}.scooch-fall-motion__case{--phone-height:min(100cqh,67cqw);--body-gap:.018;position:absolute;height:calc(var(--phone-height) * .9);bottom:0}.scooch-fall-motion__case img{display:block;width:auto;max-width:none;height:100%}.scooch-fall-motion__case--1{left:calc(50% - var(--phone-height) * (var(--center-half) + var(--body-gap) + var(--body-right) * .9))}.scooch-fall-motion__case--2{left:calc(50% + var(--phone-height) * (var(--center-half) + var(--body-gap) - var(--body-left) * .9))}.scooch-fall-motion__case--3{left:calc(50% - var(--phone-height) * var(--body-center));height:var(--phone-height);z-index:1}.scooch-fall-motion__copy{text-align:center;color:#fff}.scooch-fall-motion__title{margin:0 0 24px;color:inherit;font-family:var(--heading-font-family,Arial,sans-serif);font-weight:700;font-size:clamp(40px,5.2vw,76px);letter-spacing:-.035em;line-height:1.08;text-wrap:balance}.scooch-fall-motion__title--artwork{width:min(608px,calc((100vw - 64px)*.95));margin-inline:auto;line-height:0}.scooch-fall-motion__title--artwork img{display:block;width:100%;height:auto}.scooch-fall-motion__accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.scooch-fall-motion__cta{--primary-button-background:255,152,0;--primary-button-text-color:255,255,255;display:inline-block;min-height:48px;padding:0 28px;border-radius:6px;background:#ff9800;color:#fff;font:700 13px/48px var(--text-font-family,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background-color .16s}.scooch-fall-motion__slide-link:focus-visible{outline:3px solid #fff;outline-offset:-6px}.scooch-fall-motion__navigation{position:absolute;inset:auto 20px 10px;z-index:3;display:flex;justify-content:center;align-items:center;gap:16px;color:#fff}.scooch-fall-motion__navigation[hidden]{display:none}.scooch-fall-motion__dots{display:flex;gap:8px}.scooch-fall-motion__dots button{display:block;position:relative;width:48px;height:44px;padding:0;background:transparent;border:0;cursor:pointer}.scooch-fall-motion__dots button:before,.scooch-fall-motion__dots span{content:"";position:absolute;left:0;right:0;top:20px;height:3px;background:#fff6}.scooch-fall-motion__dots span{background:#fff;transform:scaleX(0);transform-origin:left}.scooch-fall-motion__dots [aria-current=true] span{transform:scaleX(0)}.scooch-fall-motion__pause{position:absolute;left:calc(50% + 120px);top:0;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer}.scooch-fall-motion__pause svg{display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}.scooch-fall-motion__pause svg[hidden]{display:none}.scooch-fall-motion__pause[hidden]{display:none}.scooch-fall-motion__navigation button:focus-visible{outline:2px solid #fff;outline-offset:3px}.scooch-fall-motion__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}.scooch-fall-motion__test-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;font:400 13px/1.5 Arial,sans-serif;color:#555;background:#fff}.scooch-fall-motion__test-controls button{font:inherit;min-height:44px;padding:8px 14px;border:1px solid #cfcfcf;border-radius:6px;background:#fff;color:#282828;cursor:pointer}.scooch-fall-motion__test-controls button[hidden]{display:none}.scooch-fall-motion__fallback{padding:16px}.scooch-fall-motion__fallback a{text-decoration:underline;margin-inline-end:12px}@media(hover:hover)and (pointer:fine){.scooch-fall-motion__slide-link:hover .scooch-fall-motion__cta{background:#ed8b00}}@media(max-width:749px){.scooch-fall-motion__dots button{width:36px}.scooch-fall-motion__pause{left:calc(50% + 96px)}.scooch-fall-motion__viewport{height:586px}.scooch-fall-motion__composition{top:32px;right:8px;bottom:72px;left:8px;gap:24px}.scooch-fall-motion__cases{max-height:340px;align-self:end}.scooch-fall-motion__title{font-size:clamp(34px,9vw,54px)}.scooch-fall-motion__test-controls{padding:12px 16px;font-size:12px}}@media(max-width:749px)and (max-height:700px){.scooch-fall-motion__viewport{height:530px}.scooch-fall-motion__composition{top:24px}}@media(prefers-reduced-motion:reduce){.scooch-fall-motion__cta{transition:none}}.scooch-fall-motion--collection .scooch-fall-motion__viewport{height:500px}.scooch-fall-motion--collection[data-single] .scooch-fall-motion__viewport:has(.scooch-motion-family){height:auto}.scooch-fall-motion--collection[data-single] .scooch-motion-family:not([hidden]){position:relative}.scooch-fall-motion__navigation{--bar-width:min(48px,calc((100vw - 128px) / var(--slide-count,4) - 8px))}.scooch-fall-motion__dots button{width:var(--bar-width)}.scooch-fall-motion__pause{left:calc(50% + (var(--slide-count,4) * (var(--bar-width) + 8px) - 8px) / 2 + 12px)}.scooch-motion-family{--studio-light:#8b91a2;--studio-mid:#474e61;--studio-dark:#242a39;color:#fff}.scooch-motion-family[data-family=wingman],.scooch-motion-family[data-family=moneymate],.scooch-motion-family[data-family=magcase]{--studio-light:#8b91a2;--studio-mid:#474e61;--studio-dark:#242a39}.scooch-motion-family__atmosphere{position:absolute;top:-32px;right:0;bottom:-32px;left:0;background:radial-gradient(ellipse at 50% 24%,var(--studio-light),transparent 57%),linear-gradient(125deg,var(--studio-dark) 5%,var(--studio-mid) 46%,var(--studio-dark) 100%)}.scooch-motion-family__composition{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100%;padding:32px 24px 64px}.scooch-motion-family__product{--render-height:336px;position:relative;flex:none;width:min(480px,100%);height:var(--render-height)}.scooch-motion-family__product img{position:absolute;height:100%;width:auto;max-width:none;left:calc(50% - var(--render-height) * var(--body-center))}.scooch-motion-family .scooch-fall-motion__title{margin:0}.scooch-motion-family__description{max-width:640px;margin:12px auto 0;font-size:15px;line-height:1.6;text-wrap:pretty}.scooch-motion-family__description>:first-child{margin-top:0}.scooch-motion-family__description>:last-child{margin-bottom:0}.scooch-motion-family .scooch-fall-motion__cta{margin-top:16px}.scooch-fall-motion--collection[data-single] .scooch-motion-family__composition{padding-bottom:32px}.shopify-section--scooch-motion-hero~.shopify-section--main-collection .product-facet:has(.scf-live:not([hidden])){margin-block-start:0}.shopify-section--scooch-motion-hero~.shopify-section--main-collection .container:has(.scf-live:not([hidden]))>#shop{display:none}.scooch-fall-motion[data-parallax] .scooch-fall-motion__background img{height:calc(100% + 64px);max-height:none;margin-top:-32px}@media(max-width:749px){.scooch-fall-motion__navigation{--bar-width:min(36px,calc((100vw - 112px) / var(--slide-count,4) - 8px))}.scooch-motion-family__composition{padding-top:24px}.scooch-motion-family__product{--render-height:min(320px, calc(100vw - 32px) )}.scooch-motion-family__description{font-size:14px}}@media(prefers-reduced-motion:reduce){.scooch-fall-motion [data-motion-parallax]{transform:none!important}}.scooch-fall-motion__cases,.scooch-motion-family__product{z-index:2}.scooch-fall-motion__copy{position:relative;z-index:1}.scooch-fall-motion__title{position:relative}.scooch-fall-motion__title:not(.scooch-fall-motion__title--artwork){width:fit-content;max-width:100%;margin-inline:auto}.scooch-fall-motion__sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;color:#fff;text-shadow:0 0 12px rgb(255 255 255 / .85);filter:brightness(2);-webkit-mask-image:linear-gradient(105deg,transparent 42%,rgb(0 0 0 / .2) 46%,#000 50%,rgb(0 0 0 / .2) 54%,transparent 58%);mask-image:linear-gradient(105deg,transparent 42%,rgb(0 0 0 / .2) 46%,#000 50%,rgb(0 0 0 / .2) 54%,transparent 58%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 50%;mask-position:100% 50%}.scooch-fall-motion__sheen img{filter:brightness(3) drop-shadow(0 0 6px rgb(255 255 255 / .8))}.scooch-motion-family--video .scooch-fall-motion__title{text-shadow:none}.scooch-motion-family--video .scooch-motion-family__product{z-index:2;mix-blend-mode:normal}.scooch-motion-family__product video{display:block;position:absolute;width:var(--render-height);height:var(--render-height);max-width:none;left:50%;margin-left:calc(var(--render-height) / -2);object-fit:contain}.scooch-fall-motion--collection .scooch-motion-family[data-family=wingmate] .scooch-motion-family__product{top:24px}.scooch-fall-motion--collection .scooch-motion-family[data-family=wingmate] .scooch-fall-motion__copy{position:relative;z-index:3}@media(prefers-reduced-motion:reduce){.scooch-fall-motion__sheen{display:none}.scooch-fall-motion__dots [aria-current=true] span{transform:scaleX(1)}}.scooch-fall-motion[data-single] .scooch-fall-motion__navigation{inset:auto 12px 6px auto;width:44px;height:44px}.scooch-fall-motion[data-single] .scooch-fall-motion__pause{left:0;color:#fff}.scooch-fall-motion[data-single] .scooch-fall-motion__pause svg{filter:none}.scooch-fall-motion[data-single] .scooch-fall-motion__pause:focus-visible{outline-color:#ff9800}
/*# sourceMappingURL=/cdn/shop/t/46/assets/scooch-fall-motion.css.map */