:root{--hero-ease:cubic-bezier(.22, 1, .36, 1);--hero-duration:.88s;--hero-stagger:.13s}.hero{--mouse-x:0;--mouse-y:0;--parallax-x:0;--parallax-y:0;--wind-x:0px;--wind-y:0px;--wind-r:0deg;--layer-bg-x:-3.5px;--layer-bg-y:-2.5px;--layer-decor-x:4.5px;--layer-decor-y:3px;--layer-logo-x:2.5px;--layer-logo-y:-2px;--layer-product-x:-6px;--layer-product-y:-5px}.hero-reveal,.hero-float,.hero-layer{backface-visibility:hidden}.hero--tracking .hero-layer{will-change:transform}@keyframes hero-reveal-fade{0%{opacity:0}to{opacity:1}}@keyframes hero-reveal-up{0%{opacity:0;transform:translateY(1.25rem)scale(.97)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes hero-reveal-inline{0%{opacity:0;transform:translate(1.25rem)}to{opacity:1;transform:translate(0,0)}}@keyframes hero-reveal-copy{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translate(0,0)}}@keyframes hero-float{0%,to{transform:translate(0,0)}50%{transform:translateY(3px)}}@media (prefers-reduced-motion:no-preference){.hero-reveal--bg{animation:hero-reveal-fade 1.1s var(--hero-ease) both}.hero-reveal--decor{animation:hero-reveal-fade 1s var(--hero-ease) both;animation-delay:calc(var(--hero-stagger) * .4)}.hero-reveal--product{animation:hero-reveal-up var(--hero-duration) var(--hero-ease) both;animation-delay:var(--hero-stagger)}.hero-reveal--headline{animation:hero-reveal-inline var(--hero-duration) var(--hero-ease) both;animation-delay:calc(var(--hero-stagger) * 2)}.hero-reveal--body{animation:hero-reveal-copy .8s var(--hero-ease) both;animation-delay:calc(var(--hero-stagger) * 3)}.hero-reveal--actions{animation:hero-reveal-up .82s var(--hero-ease) both;animation-delay:calc(var(--hero-stagger) * 4)}.hero-reveal--strip{animation:hero-reveal-copy .8s var(--hero-ease) both;animation-delay:calc(var(--hero-stagger) * 5)}.hero-float{animation:6.2s ease-in-out 1.15s infinite hero-float}}.hero-layer--bg,.hero-layer--decor,.hero-layer--logo,.hero-layer--product{transform:translate(0,0)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-layer--bg{transform:translate3d(calc(var(--parallax-x) * var(--layer-bg-x)), calc(var(--parallax-y) * var(--layer-bg-y)), 0) scale(1.045)}.hero-layer--decor{transform:translate3d(calc(var(--parallax-x) * var(--layer-decor-x)), calc(var(--parallax-y) * var(--layer-decor-y)), 0)}.hero-layer--logo{transform:translate3d(calc(var(--parallax-x) * var(--layer-logo-x)), calc(var(--parallax-y) * var(--layer-logo-y)), 0)}.hero-layer--product{transform-origin:50% 82%;transform:translate3d(calc(var(--parallax-x) * var(--layer-product-x) + var(--wind-x)), calc(var(--parallax-y) * var(--layer-product-y) + var(--wind-y)), 0) rotate(var(--wind-r))}}@media (prefers-reduced-motion:reduce){.hero-reveal,.hero-float,.hero-layer--bg,.hero-layer--decor,.hero-layer--logo,.hero-layer--product{opacity:1!important;animation:none!important;transform:none!important}}