.gateway-nature{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}.gateway-petal{position:absolute;top:-30px;left:var(--x);width:var(--size);height:var(--size);animation:gateway-petal-fall var(--duration) var(--delay) linear infinite}.gateway-petal i{display:block;width:100%;height:65%;border-radius:80% 10% 70% 25%;background:linear-gradient(135deg,#ffdae8d9,#d480a8a6);animation:gateway-petal-turn 5s var(--delay) ease-in-out infinite;box-shadow:inset 1px 1px 2px #ffe7f150}.gateway-butterfly{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);opacity:.75;animation:gateway-butterfly-flight var(--duration) var(--delay) ease-in-out infinite}.gateway-butterfly svg{width:100%;height:100%;overflow:visible}.butterfly-left,.butterfly-right{transform-box:view-box;transform-origin:32px 28px;animation:gateway-wing .7s ease-in-out infinite alternate}.butterfly-right{animation-name:gateway-wing-right}@keyframes gateway-petal-fall{0%{transform:translate3d(0,-40px,0);opacity:0}7%{opacity:.65}90%{opacity:.5}100%{transform:translate3d(var(--drift),calc(100vh + 70px),0);opacity:0}}@keyframes gateway-petal-turn{0%,100%{transform:rotate(0deg) rotateY(0deg)}50%{transform:rotate(170deg) rotateY(65deg)}}@keyframes gateway-butterfly-flight{0%,100%{transform:translate3d(-25px,25px,0) rotate(-15deg)}25%{transform:translate3d(70px,-45px,0) rotate(12deg)}50%{transform:translate3d(20px,-100px,0) rotate(-8deg)}75%{transform:translate3d(-70px,-15px,0) rotate(18deg)}}@keyframes gateway-wing{from{transform:perspective(100px) rotateY(0deg)}to{transform:perspective(100px) rotateY(68deg)}}@keyframes gateway-wing-right{from{transform:perspective(100px) rotateY(0deg)}to{transform:perspective(100px) rotateY(-68deg)}}@media(max-width:600px){.gateway-petal:nth-child(n+13){display:none}.gateway-butterfly:nth-last-child(-n+2){display:none}.gateway-butterfly{opacity:.5}}@media(prefers-reduced-motion:reduce){.gateway-nature{display:none}}

body:not(:has(.gateway)) .gateway-nature{z-index:8}