/* Soft color fields orbit independently; only transforms and opacity animate. */
.px-preview{isolation:isolate}
.px-fluid-glow{position:absolute;inset:-260px -110px -140px;z-index:-1;pointer-events:none;overflow:hidden;mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 12%,#000e 30%,#0008 52%,#0003 70%,#00000008 85%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 12%,#000e 30%,#0008 52%,#0003 70%,#00000008 85%,transparent 98%)}
.px-fluid-glow i{position:absolute;display:block;width:58%;height:66%;border-radius:48% 52% 62% 38%;filter:blur(55px);will-change:transform,opacity;mix-blend-mode:screen;animation:zoom-fluid-pink 17s ease-in-out infinite alternate}
.px-fluid-glow i:nth-child(1){left:-5%;top:0;background:radial-gradient(ellipse,#ff2549bf, #ed24465c 43%,transparent 72%);animation-delay:-9s}
.px-fluid-glow i:nth-child(2){right:-7%;top:7%;background:radial-gradient(ellipse,#8cff52d9,#7cff3b66 42%,transparent 72%);animation-name:zoom-fluid-gold;animation-duration:21s;animation-delay:-14s}
.px-fluid-glow i:nth-child(3){left:24%;top:-19%;width:48%;height:56%;background:radial-gradient(ellipse,#94ff5ebf,#ff49674d 42%,transparent 72%);animation-name:zoom-fluid-coral;animation-duration:14s;animation-delay:-5s}
.px-fluid-glow i:nth-child(4){left:15%;bottom:-12%;width:75%;height:65%;background:radial-gradient(ellipse,#ef3f5c4d,#8cff533d 43%,transparent 72%);animation-name:zoom-fluid-undertow;animation-duration:25s;animation-delay:-17s}
.px-intro:after{opacity:.4}
@keyframes zoom-fluid-pink{0%{transform:translate3d(-8%,4%,0) rotate(-18deg) scale(.85,1.1);opacity:.65}50%{transform:translate3d(30%,-12%,0) rotate(14deg) scale(1.2,.85);opacity:1}100%{transform:translate3d(75%,14%,0) rotate(42deg) scale(.95,1.15);opacity:.7}}
@keyframes zoom-fluid-gold{0%{transform:translate3d(5%,8%,0) rotate(20deg) scale(1,.85);opacity:.9}50%{transform:translate3d(-35%,-14%,0) rotate(-10deg) scale(.85,1.2);opacity:.65}100%{transform:translate3d(-80%,18%,0) rotate(-35deg) scale(1.2,.95);opacity:1}}
@keyframes zoom-fluid-coral{0%{transform:translate3d(-35%,12%,0) rotate(-25deg) scale(.8,1.1);opacity:.5}50%{transform:translate3d(20%,25%,0) rotate(8deg) scale(1.25,.8);opacity:.9}100%{transform:translate3d(55%,-8%,0) rotate(30deg) scale(.9,1.2);opacity:.6}}
@keyframes zoom-fluid-undertow{0%{transform:translate3d(-15%,10%,0) rotate(-12deg) scale(.9);opacity:.55}100%{transform:translate3d(20%,-20%,0) rotate(14deg) scale(1.15);opacity:.9}}
@media(max-width:600px){.px-fluid-glow{inset:-155px -50px -95px}.px-fluid-glow i{filter:blur(30px)}}
@media(prefers-reduced-motion:reduce){.px-fluid-glow i{animation:none;will-change:auto}.px-fluid-glow i:nth-child(1){opacity:.6}.px-fluid-glow i:nth-child(2){opacity:.7}}
