.featured-motion{width:100%;margin:0;border-top:1px solid var(--ks-line);background:#000109}.featured-motion__sticky{position:relative;overflow:hidden;isolation:isolate;padding:clamp(48px,6vw,80px) 0;background:radial-gradient(circle at 32% 18%,oklch(.78 .2 160 / .2),transparent 30%),radial-gradient(circle at 82% 78%,oklch(.74 .14 210 / .16),transparent 32%),linear-gradient(145deg,#00040a,#000e1b);background:radial-gradient(circle at 32% 18%,oklch(.78 .2 160 / .2),transparent 30%),radial-gradient(circle at 82% 78%,oklch(.74 .14 210 / .16),transparent 32%),linear-gradient(145deg,color(xyz 0.001 0.001 0.004),color(xyz 0.004 0.004 0.018));color:var(--ks-bg)}.featured-motion--light .featured-motion__sticky{background:radial-gradient(circle at 32% 18%,oklch(.78 .2 160 / .16),transparent 30%),linear-gradient(180deg,var(--ks-bg),var(--ks-surface));color:var(--ks-ink)}.featured-motion__sticky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,oklch(1 0 0 / .06) 1px,transparent 1px),linear-gradient(180deg,oklch(1 0 0 / .05) 1px,transparent 1px);background-size:84px 84px;-webkit-mask-image:radial-gradient(circle at 34% 45%,black,transparent 74%);mask-image:radial-gradient(circle at 34% 45%,black,transparent 74%)}.featured-motion__stage{width:min(1320px,calc(100vw - 32px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(24px,3.4vw,48px);align-items:center}.featured-motion__hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(20px,2.6vw,40px);align-items:center}.featured-motion__copy{order:-1;display:grid;gap:14px}.featured-motion__copy h2,.featured-motion__copy h3,.featured-motion__copy p,.featured-motion__copy ul{margin:0}.featured-motion__copy h2{max-width:12ch;font-size:clamp(30px,2.9vw,46px);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}.featured-motion__copy h3{color:var(--ks-glow);font-size:21px}.featured-motion__copy p,.featured-motion__copy li{color:#ccd9e5;font-size:15px}.featured-motion--light .featured-motion__copy p,.featured-motion--light .featured-motion__copy li{color:var(--ks-muted)}.featured-motion__copy ul{display:grid;gap:7px;padding-left:18px}.featured-motion__buy{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px}.featured-motion__buy strong{font-size:26px}.featured-motion__image-wrap{position:relative;display:grid;place-items:center}.featured-motion__image-wrap:before{content:"";position:absolute;width:92%;height:92%;border-radius:999px;background:#00d98f33;background:oklch(.78 .2 160 / .2);filter:blur(54px)}.featured-motion__image-wrap:after{content:"";position:absolute;width:78%;height:34px;bottom:-4%;border-radius:999px;background:#00000047;filter:blur(18px)}.featured-motion__image{position:relative;z-index:1;width:min(460px,100%);height:auto;aspect-ratio:1;object-fit:contain;padding:26px;border-radius:20px;border:1px solid oklch(1 0 0 / .2);background:linear-gradient(180deg,#fffffffa,#e5e8ecf5);box-shadow:0 40px 110px #00000180}.featured-motion__rail-shell{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent);mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent)}.featured-motion__rail{display:flex;gap:16px;width:max-content;padding:8px 4px;animation:featured-motion-drift var(--motion-speed, 34s) linear infinite;cursor:grab;-webkit-user-select:none;user-select:none}.featured-motion__rail:active{cursor:grabbing}.featured-motion__rail .showcase-card{flex:0 0 262px;width:262px;min-width:0}.featured-motion.is-dragging .featured-motion__rail,.featured-motion__rail-shell:hover .featured-motion__rail{animation-play-state:paused}@keyframes featured-motion-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:1100px){.featured-motion__stage{grid-template-columns:1fr}}@media(max-width:900px){.featured-motion__hero{grid-template-columns:1fr;gap:24px}.featured-motion__copy{order:0;max-width:560px}.featured-motion__image{width:min(380px,88vw);margin:0 auto}}@media(max-width:620px){.featured-motion__image{padding:16px;border-radius:20px}.featured-motion__rail{gap:12px}.featured-motion__rail .showcase-card{flex-basis:236px;width:236px}}@media(prefers-reduced-motion:reduce){.featured-motion__rail{animation:none;width:auto;overflow-x:auto;scroll-snap-type:x mandatory}.featured-motion__rail .showcase-card{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/featured-motion-products.css.map */