@layer utilities{@keyframes hero-floating-fade{0%,40%{opacity:1}to{opacity:.2}}@supports (animation-timeline:scroll()){.hero-floating-images-scroll-fade{animation:linear both hero-floating-fade;animation-timeline:scroll();animation-range:0 100vh}}@keyframes hero-image-entrance{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}.hero-image-entrance{animation:hero-image-entrance .7s cubic-bezier(.16, 1, .3, 1) var(--enter-delay,0s) both}@keyframes hero-image-parallax{0%{translate:0}to{translate:0 var(--parallax-distance,0px)}}@supports (animation-timeline:scroll()){.hero-image-parallax{animation:linear both hero-image-parallax;animation-timeline:scroll();animation-range:0 100vh}}@media (prefers-reduced-motion:reduce){.hero-floating-images-scroll-fade{opacity:1;animation:none}.hero-image-entrance{opacity:1;animation:none;scale:1}.hero-image-parallax{animation:none;translate:0}}@keyframes hero-idle-float{0%,to{transform:translate(0, 0) rotate(var(--idle-rotate,0deg))}20%{transform:translate(4px, -8px) rotate(calc(var(--idle-rotate,0deg) - 1.5deg))}45%{transform:translate(-3px, 2px) rotate(calc(var(--idle-rotate,0deg) + .5deg))}70%{transform:translate(-4px, 8px) rotate(calc(var(--idle-rotate,0deg) + 1.5deg))}90%{transform:translate(3px, -2px) rotate(calc(var(--idle-rotate,0deg) - .5deg))}}@media (prefers-reduced-motion:reduce){[style*=hero-idle-float]{animation:none!important}}}