: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}}.hero-dive__shards,.hero-dive__canvas,.hero-dive__veil{display:none}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.hero-dive>.hero{min-height:calc(100svh - var(--header-h,5.25rem));flex-direction:column;justify-content:center;display:flex}.hero-dive>.hero>*{width:100%}}.hero-dive[data-dive]>.hero{z-index:11;top:var(--header-h,5.25rem);position:sticky}.hero-dive[data-dive] .hero-dive__runway{height:var(--dive-runway,190vh)}.hero-dive[data-dive] .hero-dive__shards,.hero-dive[data-dive] .hero-dive__canvas,.hero-dive[data-dive] .hero-dive__veil{pointer-events:none;display:block;position:absolute;inset:0}.hero-dive__shards{z-index:2;visibility:hidden}.hero-shard{will-change:transform, opacity;background-repeat:no-repeat;position:absolute}.hero-dive__canvas{z-index:3;width:100%;height:100%}.hero-dive__veil{z-index:4;opacity:0;background:var(--color-cream,#faf3e7)}.hero-dive[data-dive] [data-hero-copy]{will-change:opacity, transform}.hero-stack{width:100%;position:relative}.hero-stack__layer{position:absolute}.hero-stack__layer img{-webkit-user-select:none;user-select:none;pointer-events:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-stack__layer{transform:translate3d(calc(var(--parallax-x,0) * var(--depth,0) * -1px), calc(var(--parallax-y,0) * var(--depth,0) * -.7px), 0)}}