.squirt-fx{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;height:100vh;max-width:none;max-height:none;overflow:hidden;background:transparent;pointer-events:none!important;z-index:2147483647;contain:strict}
.squirt-fx::backdrop{background:transparent;pointer-events:none!important}
.squirt-fx canvas{display:block;width:100%;height:100%;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
 .blend-art img{animation:juice-float 5s ease-in-out infinite;animation-play-state:paused}
 .motion-in-view .blend-art img{animation-play-state:running}
 .blend-row:nth-child(2) .blend-art img{animation-delay:-1.8s}
 .blend-row:nth-child(3) .blend-art img{animation-delay:-3.2s}
 .hero-word{animation:liquid-lettering 6s ease-in-out infinite}
 .hero-sticker{animation:label-sway 7s ease-in-out infinite}
 .board-footer>span{display:inline-block;animation:pulp-turn 14s linear infinite}
 .hero-copy .eyebrow{animation:arrival .6s ease-out both}
 .hero-copy h1{animation:arrival .8s .08s ease-out both}
 .hero-copy>p,.hero-copy .actions{animation:arrival .8s .18s ease-out both}
 .filters button{transition:background .2s,color .2s,translate .2s}
 .filters button:hover{translate:0 -3px}
 .juice-menu nav a b{transition:rotate .25s}
 .juice-menu nav a:hover b{rotate:45deg}
 .motion-rest *{animation-play-state:paused!important}
}
@keyframes juice-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes liquid-lettering{0%,100%{translate:0 0;scale:1}50%{translate:0 -8px;scale:1.025 0.99}}
@keyframes label-sway{0%,100%{rotate:0deg}50%{rotate:-5deg}}
@keyframes pulp-turn{to{rotate:360deg}}
@keyframes arrival{from{opacity:.4;translate:0 18px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.squirt-fx{display:none!important}}