/* Motion supports the story; reduced-motion and the pause control take priority. */
.reading-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:#8e9d5b;transform:scaleX(0);transform-origin:left;z-index:40;pointer-events:none}
.site-header{transition:box-shadow .3s}
.site-header.has-depth{box-shadow:0 5px 20px #233e2310}
.motion-prepared .motion-reveal{transition:opacity .65s cubic-bezier(.2,.65,.3,1),transform .65s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-prepared .motion-reveal:not(.is-revealed){opacity:0;transform:translate3d(0,18px,0)}
.motion-prepared .motion-reveal:focus-within{opacity:1;transform:none;transition:none}
.motion-prepared .hero-amazon .hero-product{animation:funnbite-float 7s ease-in-out infinite;animation-play-state:paused}
.motion-running .hero-amazon.is-in-view .hero-product{animation-play-state:running}
@keyframes funnbite-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
.cycle-arrows>.cycle-flow{marker-end:none;stroke:#728347;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:3 97;stroke-dashoffset:0;opacity:.8;animation:funnbite-cycle-flow 5s linear infinite;animation-play-state:paused}
.motion-running .cycle-illustration.is-in-view .cycle-flow{animation-play-state:running}
@keyframes funnbite-cycle-flow{to{stroke-dashoffset:-100}}
.motion-running .lifestyle>img{transition:transform 1.1s cubic-bezier(.2,.65,.3,1)}
.motion-running .origin-visuals .reference-photo{transition:transform .8s cubic-bezier(.2,.65,.3,1);transform-origin:center}
.motion-running .text-link span,.motion-running .button>.icon{transition:transform .25s}
@media(hover:hover) and (pointer:fine){
  .motion-running .lifestyle:hover>img{transform:scale(1.025)}
  .motion-running .origin-visuals figure:hover .reference-photo{transform:scale(1.025)}
  .motion-running .text-link:hover span{transform:translate(2px,-2px)}
  .motion-running .button:hover>.icon{transform:translateX(3px)}
}
.motion-toggle{position:fixed;left:20px;bottom:20px;z-index:30;display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid #cdd4bf;border-radius:30px;background:#faf9f0f5;box-shadow:0 3px 15px #183c2b13;color:var(--forest);font-size:10px;font-weight:500;line-height:1;backdrop-filter:blur(10px);transition:background .2s}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{background:#e9efdb}
.motion-control-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.motion-play-icon{display:none}
[data-motion='paused'] .motion-pause-icon{display:none}
[data-motion='paused'] .motion-play-icon{display:block}
.motion-prepared:not([data-motion='reduced']) .footer{padding-bottom:84px}
.motion-paused .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition-duration:0s!important;scroll-behavior:auto!important}
html.motion-paused{scroll-behavior:auto}
@media(max-width:600px){.motion-toggle{left:14px;bottom:14px;min-height:40px;font-size:9px;padding:10px 12px}.motion-control-icon{width:15px;height:15px}@keyframes funnbite-float{0%,100%{translate:0 0}50%{translate:0 -6px}}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .motion-prepared .motion-reveal{opacity:1!important;transform:none!important}
  .motion-toggle{display:none!important}
}