html, body { overflow-x:hidden !important; }
.va-wo-root{ position:fixed; inset:0; pointer-events:none; }
.va-garden-fixed{ position:fixed; left:0; bottom:0; width:100vw; height:0; overflow:visible; pointer-events:none; z-index:1; }
.va-garden-bg{ position:absolute; left:-6vw; bottom:-12px; width:112vw; background-repeat:no-repeat; background-position:center bottom; background-size:cover; transform-origin:center bottom; will-change:transform; backface-visibility:hidden; image-rendering:-webkit-optimize-contrast; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center bottom; mask-position:center bottom; }
.va-garden-back{ -webkit-mask-image:radial-gradient(136% 126% at 50% 100%, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 56%, rgba(0,0,0,0.94) 70%, rgba(0,0,0,0.62) 84%, transparent 100%); mask-image:radial-gradient(136% 126% at 50% 100%, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 56%, rgba(0,0,0,0.94) 70%, rgba(0,0,0,0.62) 84%, transparent 100%); }
.va-garden-mid{ -webkit-mask-image:radial-gradient(132% 122% at 50% 100%, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 54%, rgba(0,0,0,0.94) 68%, rgba(0,0,0,0.6) 82%, transparent 100%); mask-image:radial-gradient(132% 122% at 50% 100%, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 54%, rgba(0,0,0,0.94) 68%, rgba(0,0,0,0.6) 82%, transparent 100%); }
.va-garden-front::after{ content:""; position:absolute; inset:0; background:radial-gradient(circle at center bottom, rgba(255,255,255,0.08), rgba(255,255,255,0)); pointer-events:none; }
.va-garden-front{ -webkit-mask-image:radial-gradient(128% 118% at 50% 100%, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 52%, rgba(0,0,0,0.94) 66%, rgba(0,0,0,0.56) 80%, transparent 100%); mask-image:radial-gradient(128% 118% at 50% 100%, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 52%, rgba(0,0,0,0.94) 66%, rgba(0,0,0,0.56) 80%, transparent 100%); }
.va-garden-mask{ position:absolute; bottom:0; width:8vw; height:min(32vw,420px); z-index:20; pointer-events:none; }
.va-left-mask{ left:0; background:linear-gradient(to right, rgba(255,255,255,.80), rgba(255,255,255,0)); }
.va-right-mask{ right:0; background:linear-gradient(to left, rgba(255,255,255,.80), rgba(255,255,255,0)); }
.va-garden-glow{ position:absolute; left:0; right:0; bottom:0; height:min(14vw,180px); z-index:19; pointer-events:none; background:linear-gradient(to top, rgba(255,255,255,.18), rgba(255,255,255,0)); }
.va-garden-shine{ position:absolute; left:-30%; bottom:0; width:30%; height:min(32vw,420px); z-index:21; pointer-events:none; background:linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 38%, rgba(255,255,255,.10) 50%, rgba(255,255,255,0) 62%, rgba(255,255,255,0) 100%); filter:blur(10px); animation:vaGardenShine 10s linear infinite; }
@keyframes vaGardenShine{ 0%{ transform:translateX(0); opacity:0; } 15%{ opacity:.25; } 50%{ opacity:.45; } 100%{ transform:translateX(420%); opacity:0; } }
.va-butterfly-overlay{ position:fixed; inset:0; overflow:hidden; pointer-events:none; z-index:30; }
.va-butterfly{ position:absolute; left:0; top:0; width:40px; height:40px; pointer-events:none; will-change:transform, opacity; transform-origin:center center; opacity:0; }
.va-butterfly img{ display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 6px 14px rgba(0,0,0,0.10)); user-select:none; -webkit-user-drag:none; pointer-events:none; }
@media (max-width:1024px){ .va-garden-bg{ left:-8vw; width:116vw; } .va-garden-mask{ width:10vw; height:min(34vw,300px); } .va-garden-shine{ height:min(34vw,300px); } }
@media (max-width:767px){ .va-garden-bg{ left:-10vw; width:120vw; bottom:-10px; } .va-garden-mask{ width:14vw; height:min(38vw,180px); } .va-garden-shine{ height:min(38vw,180px); } .va-garden-glow{ height:min(18vw,90px); } }
@media (max-width:480px){ .va-garden-bg{ left:-12vw; width:124vw; bottom:-8px; } .va-garden-mask{ width:16vw; height:min(42vw,150px); } .va-garden-shine{ height:min(42vw,150px); } }