.mesh{--mesh-travel:480px;--mesh-period:4.5s;z-index:0;pointer-events:none;position:absolute}.mesh-orb{background:radial-gradient(var(--orb) 0%, transparent 66%);filter:blur(95px);will-change:transform;border-radius:50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.mesh-orb--teal{--orb:var(--teal);opacity:.82;width:1000px;height:920px;animation-name:mesh-orbit-teal;animation-duration:var(--mesh-period);top:-22%;left:20%}.mesh-orb--plum{--orb:var(--plum);opacity:.72;width:920px;height:1000px;animation-name:mesh-orbit-plum;animation-duration:calc(var(--mesh-period) * 1.3);top:-14%;right:-6%}.mesh-orb--rust{--orb:var(--rust);opacity:.74;width:1080px;height:840px;animation-name:mesh-orbit-rust;animation-duration:calc(var(--mesh-period) * 1.15);bottom:-26%;right:8%}.mesh-orb--gold{--orb:var(--gold);opacity:.78;width:840px;height:840px;animation-name:mesh-orbit-gold;animation-duration:calc(var(--mesh-period) * 1.6);bottom:-20%;right:-12%}.mesh-grain{opacity:.26;mix-blend-mode:overlay;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 45%,#0000 100%);mask-image:radial-gradient(closest-side,#000 45%,#0000 100%)}@keyframes mesh-orbit-teal{0%,to{transform:translate(0)scale(1)}25%{transform:translate(calc(var(--mesh-travel) * .55), calc(var(--mesh-travel) * .35)) scale(1.18)}50%{transform:translate(calc(var(--mesh-travel) * -.25), calc(var(--mesh-travel) * .6)) scale(.9)}75%{transform:translate(calc(var(--mesh-travel) * -.5), calc(var(--mesh-travel) * -.3)) scale(1.3)}}@keyframes mesh-orbit-plum{0%,to{transform:translate(0)scale(1)}30%{transform:translate(calc(var(--mesh-travel) * -.6), calc(var(--mesh-travel) * .25)) scale(.82)}60%{transform:translate(calc(var(--mesh-travel) * -.2), calc(var(--mesh-travel) * -.55)) scale(1.22)}80%{transform:translate(calc(var(--mesh-travel) * .45), calc(var(--mesh-travel) * -.3)) scale(1.05)}}@keyframes mesh-orbit-rust{0%,to{transform:translate(0)scale(1)}22%{transform:translate(calc(var(--mesh-travel) * -.4), calc(var(--mesh-travel) * -.5)) scale(1.26)}55%{transform:translate(calc(var(--mesh-travel) * .5), calc(var(--mesh-travel) * -.2)) scale(.86)}78%{transform:translate(calc(var(--mesh-travel) * .3), calc(var(--mesh-travel) * .45)) scale(1.12)}}@keyframes mesh-orbit-gold{0%,to{transform:translate(0)scale(1)}35%{transform:translate(calc(var(--mesh-travel) * .4), calc(var(--mesh-travel) * -.6)) scale(1.3)}65%{transform:translate(calc(var(--mesh-travel) * -.55), calc(var(--mesh-travel) * -.25)) scale(.82)}85%{transform:translate(calc(var(--mesh-travel) * -.2), calc(var(--mesh-travel) * .4)) scale(1.1)}}.mesh[data-offscreen] .mesh-orb{animation-play-state:paused}:root:not([data-motion=rich]) .mesh-orb{will-change:auto;filter:none;background:radial-gradient(closest-side, var(--orb) 0%, color-mix(in srgb, var(--orb) 70%, transparent) 35%, color-mix(in srgb, var(--orb) 28%, transparent) 68%, transparent 100%);animation:none}:root:not([data-motion=rich]) .mesh-grain{display:none}@media (max-width:760px){:root:not([data-motion=rich]) .mesh-orb{scale:.6}}