.parallax-media{overflow:clip}:root{--parallax-shift: 8%;--parallax-scale: 1.2;--tilt-max: 7deg;--depth-lift: 14px}[data-scroll-effects=rich]{--parallax-shift: 14%;--parallax-scale: 1.32;--tilt-max: 11deg;--depth-lift: 22px}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){[data-scroll-effects=subtle]:not(.simplify-motion) .parallax-media>img,[data-scroll-effects=subtle]:not(.simplify-motion) .parallax-media>picture>img,[data-scroll-effects=rich]:not(.simplify-motion) .parallax-media>img,[data-scroll-effects=rich]:not(.simplify-motion) .parallax-media>picture>img{animation:parallax-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%;transform-origin:center}[data-scroll-effects=subtle]:not(.reduce-motion) [data-scroll-enter],[data-scroll-effects=rich]:not(.reduce-motion) [data-scroll-enter]{animation:scroll-enter linear both;animation-timeline:view();animation-range:entry 10% entry 90%}[data-scroll-effects=rich]:not(.reduce-motion) [data-scroll-exit]{animation:scroll-exit linear both;animation-timeline:view();animation-range:exit 0% exit 100%}[data-scroll-effects=subtle]:not(.reduce-motion) .section-head:after,[data-scroll-effects=rich]:not(.reduce-motion) .section-head:after{animation:rule-draw linear both;animation-timeline:view();animation-range:entry 20% entry 80%}}}.section-head{position:relative;padding-bottom:var(--space-2xs)}.section-head:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left center;background:linear-gradient(90deg,var(--brand-amber) 0%,var(--brand-coral) 45%,var(--brand-sage) 100%);border-radius:var(--radius-pill)}@keyframes parallax-drift{0%{transform:translate3d(0,calc(var(--parallax-shift) * -1),0) scale(var(--parallax-scale))}to{transform:translate3d(0,var(--parallax-shift),0) scale(var(--parallax-scale))}}@keyframes scroll-enter{0%{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}@keyframes scroll-exit{0%{opacity:1;transform:none}to{opacity:.55;transform:translate3d(0,-14px,0) scale(.985)}}@keyframes rule-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){html:not(.reduce-motion):not([data-reveal-once=true]):not([data-reveal-style=none]) [data-reveal]{animation:reveal-rise linear both;animation-timeline:view();animation-range:entry calc(4% + var(--reveal-offset, 0%)) entry calc(58% + var(--reveal-offset, 0%))}html:not(.reduce-motion):not([data-reveal-once=true]):not([data-reveal-style=none]) [data-reveal=scale]{animation-name:reveal-scale}html[data-reveal-style=fade]:not(.reduce-motion):not([data-reveal-once=true]) [data-reveal]{animation-name:reveal-fade}}}@keyframes reveal-rise{0%{opacity:0;transform:translate3d(0,var(--reveal-distance, 24px),0)}to{opacity:1;transform:none}}@keyframes reveal-scale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}@supports (animation-timeline: view()){@media(min-width:768px)and (prefers-reduced-motion:no-preference){[data-scroll-effects=subtle]:not(.simplify-motion) [data-scroll-reveal=blur],[data-scroll-effects=rich]:not(.simplify-motion) [data-scroll-reveal=blur]{animation:blur-resolve linear both;animation-timeline:view();animation-range:entry 15% entry 85%}}}@keyframes blur-resolve{0%{opacity:.25;filter:blur(10px);transform:translate3d(0,14px,0)}to{opacity:1;filter:blur(0);transform:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){[data-scroll-effects=subtle]:not(.simplify-motion) [data-scroll-reveal=wipe],[data-scroll-effects=rich]:not(.simplify-motion) [data-scroll-reveal=wipe]{background-image:linear-gradient(100deg,currentColor 0%,currentColor 40%,color-mix(in srgb,currentColor 28%,transparent) 62%,color-mix(in srgb,currentColor 28%,transparent) 100%);background-size:260% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:text-wipe linear both;animation-timeline:view();animation-range:entry 12% entry 88%}}}@keyframes text-wipe{0%{background-position:100% 0}to{background-position:0% 0}}.ghost-word{position:absolute;inset-inline:0;bottom:-.12em;z-index:0;display:block;font-family:var(--font-heading);font-size:clamp(4rem,17vw,16rem);font-weight:600;line-height:.82;letter-spacing:.02em;text-align:center;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;color:color-mix(in srgb,var(--brand-brown) 7%,transparent);overflow:clip}.section--contrast .ghost-word{color:color-mix(in srgb,var(--brand-cream) 9%,transparent)}@supports (animation-timeline: view()){@media(min-width:768px)and (prefers-reduced-motion:no-preference){[data-scroll-effects=subtle]:not(.simplify-motion) .ghost-word,[data-scroll-effects=rich]:not(.simplify-motion) .ghost-word{animation:ghost-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}}@keyframes ghost-drift{0%{transform:translate3d(-4%,0,0)}to{transform:translate3d(4%,0,0)}}.to-top{position:fixed;right:calc(var(--gutter) + var(--safe-right));bottom:calc(var(--space-sm) + var(--safe-bottom));z-index:var(--z-sticky-atc);display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border-radius:50%;background-color:var(--color-contrast-surface);color:var(--color-contrast-text);box-shadow:var(--shadow-md);text-decoration:none;opacity:0;transform:translateY(8px) scale(.9);pointer-events:none;transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease-out)}.to-top.is-shown{opacity:1;transform:none;pointer-events:auto}@media(max-width:1023px){.template-product .to-top{bottom:calc(var(--space-sm) + var(--safe-bottom) + 68px)}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:var(--z-modal);pointer-events:none;background:transparent}.scroll-progress__bar{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--brand-amber),var(--brand-coral))}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){html:not(.reduce-motion) .scroll-progress__bar{animation:progress-grow linear both;animation-timeline:scroll(root block)}}}@keyframes progress-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){[data-depth=true]:not(.simplify-motion) .card{transform:perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translate3d(0,var(--tilt-lift, 0px),0);transform-style:preserve-3d;transition:transform var(--dur-base) var(--ease-out)}[data-depth=true]:not(.simplify-motion) .card.is-tilting{transition:none}[data-depth=true]:not(.simplify-motion) .card__media{transform:translateZ(var(--depth-lift));transition:box-shadow var(--dur-slow) var(--ease)}[data-depth=true]:not(.simplify-motion) .card.is-tilting .card__media{box-shadow:var(--shadow-lg)}[data-depth=true]:not(.simplify-motion) .card__body{transform:translateZ(calc(var(--depth-lift) / 3))}[data-depth=true]:not(.simplify-motion) .btn--primary:active{transform:perspective(600px) translate3d(0,1px,-6px) scale(.985)}}@supports (animation-timeline: view()){@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){[data-depth=true]:not(.simplify-motion) .gallery__viewport{perspective:1400px}[data-depth=true]:not(.simplify-motion) .gallery__slide{animation:gallery-turn linear both;animation-timeline:view(inline);animation-range:cover 0% cover 100%;transform-origin:center center}}}@keyframes gallery-turn{0%{transform:rotateY(12deg) scale(.94);opacity:.72}50%{transform:rotateY(0) scale(1);opacity:1}to{transform:rotateY(-12deg) scale(.94);opacity:.72}}[data-scroll-effects=none] .parallax-media>img,[data-scroll-effects=none] .parallax-media>picture>img,[data-scroll-effects=none] [data-scroll-enter],[data-scroll-effects=none] [data-scroll-exit],[data-scroll-effects=none] [data-scroll-reveal],[data-scroll-effects=none] .ghost-word,[data-scroll-effects=none] .section-head:after{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}[data-scroll-effects=none] [data-scroll-reveal=wipe],.simplify-motion [data-scroll-reveal=wipe],.reduce-motion [data-scroll-reveal=wipe]{background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:inherit!important}[data-depth=false] .card,[data-depth=false] .card__media,[data-depth=false] .card__body,[data-depth=false] .gallery__slide{transform:none!important;animation:none!important}.simplify-motion .parallax-media>img,.simplify-motion .parallax-media>picture>img,.simplify-motion [data-scroll-reveal],.simplify-motion .ghost-word,.simplify-motion .card,.simplify-motion .card__media,.simplify-motion .card__body,.simplify-motion .gallery__slide{animation:none!important;transform:none!important;filter:none!important}.simplify-motion [data-scroll-reveal]{opacity:1!important}.reduce-motion .parallax-media>img,.reduce-motion .parallax-media>picture>img,.reduce-motion [data-scroll-enter],.reduce-motion [data-scroll-exit],.reduce-motion [data-reveal],.reduce-motion [data-scroll-reveal],.reduce-motion .ghost-word,.reduce-motion .card,.reduce-motion .card__media,.reduce-motion .card__body,.reduce-motion .gallery__slide,.reduce-motion .scroll-progress__bar,.reduce-motion .section-head:after{animation:none!important;transform:none!important;opacity:1!important;filter:none!important}.reduce-motion .scroll-progress,[data-scroll-effects=none] .scroll-progress{display:none}@media(prefers-reduced-motion:reduce){.parallax-media>img,.parallax-media>picture>img,[data-scroll-enter],[data-scroll-exit],[data-scroll-reveal],.ghost-word,.card,.card__media,.card__body,.gallery__slide,.section-head:after{animation:none!important;transform:none!important;opacity:1!important;filter:none!important}[data-scroll-reveal=wipe]{background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:inherit!important}.scroll-progress,.to-top{display:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){[data-scroll-effects=subtle]:not(.simplify-motion) [data-editorial=media],[data-scroll-effects=rich]:not(.simplify-motion) [data-editorial=media]{animation:editorial-sweep-media linear both;animation-timeline:view();animation-range:entry 0% exit 100%}[data-scroll-effects=subtle]:not(.simplify-motion) [data-editorial=text],[data-scroll-effects=rich]:not(.simplify-motion) [data-editorial=text]{animation:editorial-sweep-text linear both;animation-timeline:view();animation-range:entry 0% exit 100%}html.editorial-ready [data-editorial=media],html.editorial-ready [data-editorial=text]{animation-timeline:--editorial-pin;animation-range:cover 0% cover 100%}}}@keyframes editorial-sweep-media{0%{transform:translate3d(var(--media-from, 34%),0,0);opacity:0}30%,50%{transform:translateZ(0);opacity:1}64%,to{transform:translate3d(var(--media-to, -34%),0,0);opacity:0}}@keyframes editorial-sweep-text{0%,18%{transform:translate3d(var(--text-from, -34%),0,0);opacity:0}42%,56%{transform:translateZ(0);opacity:1}68%,to{transform:translate3d(var(--text-to, 34%),0,0);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/scroll-effects.css.map */