:root{--e:cubic-bezier(.76,0,.24,1);--o:cubic-bezier(.16,1,.3,1)}.ld{display:none}html.anim .hero{overflow:hidden}.hero-text>:nth-child(2){--i:1}.hero-text>:nth-child(3){--i:2}.hero-text>:nth-child(4){--i:3}@media(prefers-reduced-motion:reduce){.ld{display:none!important}}
html.anim .ld{display:grid;place-items:center;position:fixed;inset:0;z-index:99;background:#0b1a10;animation:up1 1s var(--e) 1.9s forwards}
.ld img{width:200px;filter:brightness(0) invert(1);opacity:0;animation:fi .9s .2s forwards}
.ld i{position:absolute;top:calc(50% + 46px);left:calc(50% - 100px);width:200px;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;animation:ln 1.2s .4s cubic-bezier(.65,0,.35,1) forwards}
@keyframes fi{to{opacity:1}}@keyframes ln{to{transform:none}}@keyframes up1{to{transform:translateY(-100%);visibility:hidden}}
html.anim .hero-img{animation:kb 2.8s var(--o) 1.9s both}
@keyframes kb{from{transform:scale(1.3)}}
html.anim header{animation:dn 1s var(--o) 2.6s both}@keyframes dn{from{opacity:0;transform:translateY(-14px)}}
html.anim .hero-text>*{animation:rise 1.2s var(--o) both;animation-delay:calc(2.3s + var(--i,0)*.12s)}
@keyframes rise{from{opacity:0;transform:translateY(40px)}}
html.anim .r{opacity:0;transform:translateY(48px);transition:opacity 1.1s var(--o),transform 1.1s var(--o);transition-delay:var(--d,0s)}
html.anim .r.in{opacity:1;transform:none}
html.anim .leaf{background-position:center calc(50% + var(--ly,0)*1px)}