@keyframes hero-rise{0%{opacity:0;filter:blur(10px);transform:translateY(14px)}}.hero-rise{animation:.9s cubic-bezier(.23,1,.32,1) .15s both hero-rise}.hero-rise-2{animation-delay:.26s}.hero-rise-3{animation-delay:.42s}.hero-grain{pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -0.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.8s steps(5,end) infinite hero-grain;position:absolute;inset:-40px}@keyframes hero-grain{20%{transform:translate(-14px,9px)}40%{transform:translate(11px,-17px)}60%{transform:translate(-7px,21px)}80%{transform:translate(19px,4px)}}@keyframes hero-stage-exit{to{filter:brightness(.6);border-radius:44px;transform:scale(.955)}}@supports (animation-timeline:view()){.hero-stage{transform-origin:50% 0;animation:linear both hero-stage-exit;animation-timeline:view();animation-range:exit exit 90%}}@media (prefers-reduced-motion:reduce){.hero-rise,.hero-grain,.hero-stage{animation:none}}