html.ff-js .ff-reveal{opacity:0;transform:translate3d(0,14px,0);transition:opacity .6s var(--ff-ease-out),transform var(--ff-dur-enter) var(--ff-ease-out);transition-delay:calc(var(--ff-i, 0) * 70ms);will-change:opacity,transform}html.ff-js .ff-reveal.ff-in{opacity:1;transform:none}html.ff-js .ff-reveal.ff-done{will-change:auto;transition-delay:0s}@keyframes ff-rise{0%{opacity:0;transform:translate3d(0,18px,0)}}@keyframes ff-settle{0%{transform:scale(1.06)}}@keyframes ff-drift{to{transform:translate3d(0,9%,0)}}@media(prefers-reduced-motion:no-preference){.hero-wrapper:first-child .hero .text-block{animation:ff-rise .9s var(--ff-ease-out) both}.hero-wrapper:first-child .hero .text-block.h1{animation-delay:.07s;animation-duration:1.1s}.hero-wrapper:first-child .hero .text-block:is(.h4,.paragraph,.rte){animation-delay:.2s}.hero-wrapper:first-child .hero :is(a.button,a.button-secondary,a.link,a.button-unstyled){animation:ff-rise .9s var(--ff-ease-out) .32s both}.hero-wrapper:first-child .hero__media-grid>:is(picture,.hero__media-wrapper){animation:ff-settle 2.2s var(--ff-ease-out) both}}html.shopify-design-mode .hero-wrapper:first-child .hero :is(.text-block,a),html.shopify-design-mode .hero-wrapper:first-child .hero__media-grid>:is(picture,.hero__media-wrapper){animation:none}html.ff-js .hero .text-block.ff-reveal{transform:translate3d(0,20px,0)}html.ff-js .hero .text-block.ff-reveal:is(.h4,.paragraph,.rte){transition-delay:.15s}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){html:not(.shopify-design-mode) .hero img.hero__media{animation:ff-drift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}}}html.ff-js .ff-clear{background-color:var(--ff-fog)}html.ff-js .ff-clear :is(img,video){opacity:0;scale:1.04;transition:opacity 1.1s var(--ff-ease-io),scale 1.8s var(--ff-ease-out)}html.ff-js .ff-clear.ff-in :is(img,video){opacity:1;scale:1}html.ff-js .ff-clear .hero__media-grid:after{opacity:0;transition:opacity 1.1s var(--ff-ease-io) .2s}html.ff-js .ff-clear.ff-in .hero__media-grid:after{opacity:1}[class^=ff-fg-] .ff-panel.is-on{animation:ff-panel-in .45s var(--ff-ease-out) both}@keyframes ff-panel-in{0%{opacity:0;transform:translate3d(0,8px,0)}}.ff-ship__bar{transition:transform .7s var(--ff-ease-out)}@keyframes ff-fog-out{to{opacity:0;filter:blur(5px);transform:translate3d(0,-6px,0)}}@keyframes ff-fog-in{0%{opacity:0;filter:blur(7px);transform:translate3d(0,10px,0)}}@media(prefers-reduced-motion:no-preference){:root{--view-transition-old-main-content: .2s cubic-bezier(.65, 0, .35, 1) both ff-fog-out;--view-transition-new-main-content: .5s cubic-bezier(.16, 1, .3, 1) .1s both ff-fog-in}}aside.ff-dispatch{--ff-sky: var(--ff-fog);--ff-sky-ink: var(--ff-graphite);background-color:var(--ff-sky)!important;color:var(--ff-sky-ink)!important;transition:background-color 1.2s ease,color 1.2s ease}html[data-ff-sky=day] aside.ff-dispatch{--ff-sky: #cdd3d6}html[data-ff-sky=dawn] aside.ff-dispatch{--ff-sky: #dcd4cc}html[data-ff-sky=golden] aside.ff-dispatch{--ff-sky: #dfcfbf}html[data-ff-sky=fog] aside.ff-dispatch{--ff-sky: var(--ff-fog)}html[data-ff-sky=night] aside.ff-dispatch{--ff-sky: #2b343f;--ff-sky-ink: var(--ff-paper)}html[data-ff-sky=fognight] aside.ff-dispatch{--ff-sky: #3b4046;--ff-sky-ink: var(--ff-paper)}html.ff-js body:after{content:"";position:fixed;inset:auto 0 0 0;height:clamp(48px,11vh,112px);z-index:5;pointer-events:none;background:linear-gradient(to top,rgb(var(--ff-paper-rgb) / calc(.5 + .42 * var(--ff-fog-amt, .35))),rgb(var(--ff-paper-rgb) / calc(.22 + .3 * var(--ff-fog-amt, .35))) 45%,rgb(var(--ff-paper-rgb) / 0));opacity:1;transition:opacity .6s ease}html.ff-js.ff-at-end body:after,html.ff-js[scroll-lock] body:after{opacity:0}@media print{html.ff-js body:after{display:none}}@property --ff-fog-opacity{syntax: "<number>"; inherits: true; initial-value: .82;}@property --ff-fog-reach{syntax: "<percentage>"; inherits: true; initial-value: 72%;}@property --ff-fog-solid{syntax: "<percentage>"; inherits: true; initial-value: 18%;}@media(prefers-reduced-motion:no-preference){.ff-fog.ff-fog--live{transition:--ff-fog-opacity 1.6s ease,--ff-fog-reach 1.6s ease,--ff-fog-solid 1.6s ease}}main[data-template=article]:before{content:"";position:fixed;inset:0 0 auto 0;height:2px;background:var(--ff-oxide);transform-origin:0 50%;transform:scaleX(var(--ff-read, 0));z-index:calc(var(--layer-sticky, 8) + 2);pointer-events:none}@media(prefers-reduced-motion:reduce){html.ff-js .ff-reveal{opacity:1;transform:none;transition:none}html.ff-js .ff-clear :is(img,video){opacity:1;scale:1;transition:none}html.ff-js .ff-clear .hero__media-grid:after{opacity:1;transition:none}[class^=ff-fg-] .ff-panel.is-on{animation:none}aside.ff-dispatch,html.ff-js body:after,.ff-ship__bar{transition:none}main[data-template=article]:before{display:none}}html.shopify-design-mode .ff-reveal{opacity:1!important;transform:none!important}html.shopify-design-mode .ff-clear :is(img,video){opacity:1!important;scale:1!important}
/*# sourceMappingURL=/cdn/shop/t/24/assets/fog-motion.css.map */