@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.reveal{animation:reveal-in 1s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 5% cover 22%}@keyframes reveal-in{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}.reveal-group>*{animation:reveal-in .9s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 0% cover 20%}}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.parallax-media{animation:parallax-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%;will-change:transform}@keyframes parallax-drift{0%{transform:translateY(-6%) scale(1.12)}to{transform:translateY(6%) scale(1.12)}}}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.settle{animation:settle-out linear both;animation-timeline:view();animation-range:exit 0% exit 100%}@keyframes settle-out{to{opacity:.25;transform:translateY(-26px) scale(.985)}}}}.scroll-rail{position:fixed;top:0;left:0;z-index:45;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--magenta),var(--yellow));pointer-events:none}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){.scroll-rail{animation:rail-grow linear both;animation-timeline:scroll(root block)}@keyframes rail-grow{to{transform:scaleX(1)}}}}@media(prefers-reduced-motion:no-preference){.stlukes-btn,.showcase__cta,.pdp__add,.col__apply,.fdrop__apply{transition:transform .24s cubic-bezier(.34,1.56,.64,1),box-shadow .24s ease,background-color .2s ease}.stlukes-btn:hover,.showcase__cta:hover,.pdp__add:hover,.col__apply:hover,.fdrop__apply:hover{transform:translateY(-2px)}.stlukes-btn:active,.showcase__cta:active,.pdp__add:active{transform:translateY(0) scale(.985)}}.glow-field{position:relative;isolation:isolate;overflow:hidden}.glow-field:before{content:"";position:absolute;z-index:-1;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(34% 34% at 28% 32%,rgba(176,42,156,.42) 0%,transparent 70%),radial-gradient(30% 30% at 74% 62%,rgba(255,208,0,.18) 0%,transparent 70%);filter:blur(50px)}@media(prefers-reduced-motion:no-preference){.glow-field:before{animation:glow-drift 26s ease-in-out infinite alternate}@keyframes glow-drift{0%{transform:translate3d(-5%,-4%,0) scale(1)}to{transform:translate3d(6%,5%,0) scale(1.15)}}}@media(prefers-reduced-motion:reduce){.reveal,.reveal-group>*,.parallax-media,.settle{animation:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/stlukes-motion.css.map */