.jc-design .hero,.jc-design .lc-hero{position:relative;isolation:isolate;background:#050d19}.jc-design .hero:before,.jc-design .hero:after{content:none}.jc-design .hero-grid,.jc-design .lc-hero-grid{position:relative;z-index:1}.jc-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 35%,#12385d80,transparent 60%)}.jc-atmosphere>span{position:absolute;pointer-events:none;animation-play-state:paused}.jc-light-haze{top:15%;right:-10%;bottom:-35%;left:-10%;background:radial-gradient(ellipse at 50% 74%,#65f2ed66 0,#217ce94d 21%,#183e7626 46%,transparent 67%);animation:jc-haze-breathe 18s ease-in-out infinite alternate}.jc-light-beam{top:-20%;bottom:-10%;width:18%;background:linear-gradient(90deg,transparent 3%,#3988f30a 22%,#3d9bff40 40%,#a7f9ffb3 49.5%,#b2faffc7 50%,#318dea40 54%,#2474e60a 75%,transparent);-webkit-mask-image:linear-gradient(transparent 2%,#0009 15%,#000 75%,transparent 98%);mask-image:linear-gradient(transparent 2%,#0009 15%,#000 75%,transparent 98%);filter:blur(2px);transform-origin:50% 0;animation:jc-beam-drift 16s ease-in-out infinite alternate;opacity:.65}.jc-light-beam--one{left:18%;--beam-from:-6deg;--beam-to:-2deg;animation-duration:14s}.jc-light-beam--two{left:43%;width:24%;--beam-from:3deg;--beam-to:6deg;animation-delay:-7s;opacity:.7;filter:blur(6px)}.jc-light-beam--three{left:72%;width:10%;--beam-from:5deg;--beam-to:1deg;animation-duration:18s;animation-delay:-4s;opacity:.48}.jc-light-stars{top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#a6eafcb3 .7px,transparent 1.5px),radial-gradient(circle,#81cbf566 .5px,transparent 1px);background-position:17px 37px,53px 11px;background-size:139px 151px,97px 113px;-webkit-mask-image:linear-gradient(#0009,transparent 93%);mask-image:linear-gradient(#0009,transparent 93%);opacity:.45;animation:jc-stars-breathe 12s ease-in-out infinite alternate}.jc-atmosphere[data-in-view=true]>span{animation-play-state:running}@keyframes jc-beam-drift{0%{transform:translate(-6px) rotate(var(--beam-from))}to{transform:translate(10px) rotate(var(--beam-to))}}@keyframes jc-haze-breathe{0%{opacity:.6;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}@keyframes jc-stars-breathe{0%{opacity:.28}to{opacity:.6}}.jc-design .page-hero{background:radial-gradient(ellipse at 80% 0%,#28799735,transparent 65%),radial-gradient(ellipse at 20% 100%,#225be521,transparent 60%),#09121f}.jc-design .jc-product-tile,.jc-design .lc-display,.jc-design .lc-scroll-note span{animation:none;translate:none}.jc-design [data-jc-card]{position:relative;isolation:isolate;transition:border-color .24s ease,box-shadow .24s ease}.jc-design .jc-card-light{margin:0;padding:0;display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(300px circle at var(--jc-x,50%) var(--jc-y,50%),#46cde82e,transparent 72%);box-shadow:inset 0 1px #9deef566,inset 0 -1px #4abfdb80;transition:opacity .26s ease}.jc-design [data-jc-card]:focus-within{border-color:#72ccdf;box-shadow:0 0 0 1px #56cddd30,0 12px 32px #0003}.jc-design [data-jc-card]:focus-within>.jc-card-light{opacity:1}.jc-design [data-jc-card] :is(.feature-icon,.pillar-card-heading>span,.number,.snapshot-number){transition:color .22s ease,background-color .22s ease,box-shadow .22s ease}.jc-design .product-card:hover,.jc-design .lc-card:hover,.jc-design .profile-product-card:hover,.jc-design .lc-card:hover .lc-card-media img{transform:none}.jc-design :is(a,button).button{position:relative;isolation:isolate;overflow:hidden;transform:none;transition:box-shadow .24s ease,border-color .24s ease,background-color .24s ease,scale .18s ease}.jc-design :is(a,button).button:after{content:"";position:absolute;top:-60%;right:-35%;bottom:-60%;left:-35%;pointer-events:none;z-index:-1;background:linear-gradient(110deg,transparent 35%,#fff5 50%,transparent 65%);transform:translate(-110%);opacity:0}.jc-design :is(a,button).button--secondary:after{content:none}.jc-design :is(a,button).button>span[aria-hidden]{display:inline-block;transition:transform .22s ease}.jc-design :is(a,button).button:active{scale:.975}.jc-design :is(a,button).button:focus-visible{border-color:#b3f9ff;box-shadow:0 0 0 4px #4fd7e829,0 0 28px #3cabe740}.jc-design .nav-link{position:relative;transition:color .22s ease}.jc-design .nav-link:after{content:"";position:absolute;bottom:15px;left:0;right:0;height:1px;background:linear-gradient(90deg,#55a5ff,#8ef4e9);transform:scaleX(0);transform-origin:left;transition:transform .24s ease;pointer-events:none}.jc-design .nav-link:is(:focus-visible,[aria-current=page]):after{transform:scaleX(1)}.jc-design .nav-dropdown{transition:opacity .22s ease,transform .22s ease,visibility .22s}.jc-design .text-link,.jc-design .lc-hero-link{transition:color .22s ease}.jc-design .field :is(input,textarea,select){transition:border-color .22s ease,box-shadow .22s ease}.jc-design .field :is(input,textarea,select):focus{box-shadow:0 0 0 4px #42c3dc17}.jc-design .jc-reveal{transition:opacity .6s ease,translate .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--jc-delay,0ms)}.jc-design .jc-reveal.jc-pending{opacity:.35;translate:0 12px}.jc-design .jc-motion-control{bottom:auto;top:104px;left:auto;right:18px;z-index:60;opacity:.75}.jc-design .jc-motion-control:is(:hover,:focus-visible){opacity:1}@media(hover:hover)and (pointer:fine){.jc-design [data-jc-card]:hover{border-color:#67c3dc;box-shadow:0 0 0 1px #56cddd20,0 12px 32px #0003}.jc-design [data-jc-card]:hover>.jc-card-light{opacity:1}.jc-design [data-jc-card]:hover :is(.feature-icon,.pillar-card-heading>span,.number,.snapshot-number){color:#9af6ed;background-color:#164452;box-shadow:0 0 18px #4dcbd52b}.jc-design :is(a,button).button:hover{transform:none;border-color:#96eeff;box-shadow:0 0 0 1px #7df0ff26,0 0 30px #2b9ef759,inset 0 1px #d2ffff40}.jc-design :is(a,button).button:not(.button--secondary):hover:after{animation:jc-button-sweep .6s cubic-bezier(.2,.7,.2,1) both}.jc-design :is(a,button).button:hover>span[aria-hidden]{transform:translate(3px)}.jc-design :is(a,button).button--secondary:hover{background:#142d43;border-color:#7ad8e8;box-shadow:inset 0 0 0 1px #66c9df19}.jc-design .nav-link:hover{color:#b2f4ef}.jc-design .nav-link:hover:after{transform:scaleX(1)}.jc-design .text-link:hover,.jc-design .lc-hero-link:hover{color:#b2f4ef}}@keyframes jc-button-sweep{0%{transform:translate(-100%);opacity:0}15%{opacity:1}to{transform:translate(100%);opacity:0}}@media(max-width:760px){.jc-light-beam--three{display:none}.jc-light-beam--one{left:9%;width:26%;filter:none;opacity:.4}.jc-light-beam--two{left:61%;width:22%;filter:blur(3px);opacity:.45}.jc-light-stars{background-size:139px 151px,177px 163px}.jc-light-haze{opacity:.6}.jc-design .jc-motion-control{top:82px;right:12px;font-size:.6rem;padding:6px 10px}.jc-design .lc-hero{padding-top:75px}}.jc-design[data-motion=paused] *,.jc-design[data-motion=paused] *:before,.jc-design[data-motion=paused] *:after,.jc-design[data-page-hidden=true] *,.jc-design[data-page-hidden=true] *:before,.jc-design[data-page-hidden=true] *:after{animation-play-state:paused!important}.jc-design[data-motion=paused] .jc-reveal{opacity:1;translate:none;transition:none}.jc-design[data-motion=paused] .jc-card-light{background:radial-gradient(300px circle at 50% 50%,#46cde820,transparent 72%)}.jc-design[data-motion=paused] :is(a,button).button:after{display:none}.jc-design[data-motion=paused] :is(a,button).button>span[aria-hidden]{transform:none}@media(prefers-reduced-motion:reduce){.jc-design *,.jc-design *:before,.jc-design *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.jc-design .jc-reveal.jc-pending{opacity:1;translate:none}.jc-design :is(a,button).button:active{scale:1}.jc-design :is(a,button).button:after{display:none}.jc-design :is(a,button).button:hover>span[aria-hidden]{transform:none}.jc-design .jc-card-light{background:radial-gradient(300px circle at 50% 50%,#46cde820,transparent 72%)}}.jc-design.menu-open .jc-motion-control{visibility:hidden;pointer-events:none}.jc-design [data-jc-card]:hover :is(.number,.snapshot-number){background:transparent;box-shadow:none;text-shadow:0 0 16px #63e7ed66}.jc-design :is(.hero .jc-product-tile,.lc-hero .lc-display){translate:0 0;scale:1;transition:translate .32s cubic-bezier(.22,.61,.36,1),scale .18s ease,border-color .24s ease,box-shadow .24s ease}@media(hover:hover)and (pointer:fine){.jc-design :is(.hero .jc-product-tile,.lc-hero .lc-display):is(:hover,:focus-visible){translate:0 -4px}}.jc-design :is(.hero .jc-product-tile,.lc-hero .lc-display):active{scale:.99}.jc-design[data-motion=paused] :is(.hero .jc-product-tile,.lc-hero .lc-display){translate:0 0;scale:1;transition:none}@media(prefers-reduced-motion:reduce){.jc-design :is(.hero .jc-product-tile,.lc-hero .lc-display){translate:0 0!important;scale:1!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/juncheng-motion.css.map */