@property --home-glow-x{syntax:"<length>";inherits:false;initial-value:0px}
@property --home-glow-y{syntax:"<length>";inherits:false;initial-value:0px}
body::before{transform:translate3d(var(--home-glow-x,0px),calc(var(--home-backdrop-shift,0px) + var(--home-glow-y,0px)),0);transition:transform .12s linear}
body:has(.floating-products)::before{animation:homeGlowDrift 6.5s ease-in-out infinite alternate}
@keyframes homeGlowDrift{0%{--home-glow-x:-14px;--home-glow-y:10px;opacity:.76}100%{--home-glow-x:18px;--home-glow-y:-13px;opacity:1}}
main{position:relative}
.floating-products{position:absolute;inset:0 0 auto;height:calc(100dvh - 76px);z-index:0;overflow:hidden;pointer-events:none}
@property --float-bob{syntax:'<length>';inherits:false;initial-value:0px}
.floating-product{position:absolute;display:block;height:auto;filter:drop-shadow(0 18px 16px rgba(47,37,24,.14)) drop-shadow(0 4px 6px rgba(47,37,24,.1));transform:translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) + var(--float-bob,0px)),0) rotate(var(--float-rotate,0deg));transform-origin:center;will-change:transform;animation:floatBob var(--float-dur,5s) ease-in-out infinite alternate;animation-delay:var(--float-delay,0s)}
@keyframes floatBob{from{--float-bob:-10px}to{--float-bob:12px}}
.float-yawn{top:7%;right:4%;width:226px;--float-rotate:6deg;--float-dur:5.2s;--float-delay:0s}
.float-painter{top:13%;left:5%;width:178px;--float-rotate:-8deg;--float-dur:6.1s;--float-delay:-1.4s}
.float-patrick{right:7%;bottom:7%;width:212px;--float-rotate:-6deg;--float-dur:5.6s;--float-delay:-2.6s}
.float-skirt{left:6%;bottom:5%;width:208px;--float-rotate:7deg;--float-dur:6.6s;--float-delay:-.8s}
.hero{position:relative;z-index:1;grid-template-columns:1fr;justify-items:center;text-align:center}
.hero-copy{display:flex;flex-direction:column;align-items:center;max-width:720px;text-shadow:0 1px 0 rgba(255,255,255,.78);transform:translate3d(0,var(--hero-copy-shift,0px),0);will-change:transform}
.hero-description{margin-left:auto;margin-right:auto}
.hero-actions{justify-content:center}
.feature-section,.studio-banner{position:relative;z-index:1}
.feature-grid article,.studio-banner{opacity:0;transform:translate3d(0,22px,0);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.feature-grid article.is-visible,.studio-banner.is-visible{opacity:1;transform:translate3d(0,var(--section-parallax-y,0px),0)}
.feature-grid article:nth-child(2){transition-delay:.07s}
.feature-grid article:nth-child(3){transition-delay:.14s}
@media(max-width:960px){.float-yawn{top:8%;right:-6%;width:194px}.float-painter{top:14%;left:-4%;width:154px}.float-patrick{right:-8%;bottom:8%;width:180px}.float-skirt{left:-7%;bottom:6%;width:176px}}
@media(max-width:760px){.floating-products{height:calc(100dvh - 64px);opacity:.58}.floating-product{filter:drop-shadow(0 12px 10px rgba(47,37,24,.13)) drop-shadow(0 3px 5px rgba(47,37,24,.1))}.float-yawn{top:9%;right:-25%;width:154px}.float-painter{top:17%;left:-21%;width:126px}.float-patrick{right:-25%;bottom:7%;width:140px}.float-skirt{left:-23%;bottom:8%;width:138px}.hero{min-height:calc(100dvh - 64px)}}
@media(prefers-reduced-motion:reduce){body::before,.floating-product,.hero-copy,.feature-grid article,.studio-banner{transform:none;transition:none;will-change:auto;animation:none}.feature-grid article,.studio-banner{opacity:1}body:has(.floating-products)::before{animation:none}}