.hero-grad{--hg-plum:oklch(50% .11 340);--hg-plum-o:.16;--hg-slate:oklch(72% .06 255);--hg-slate-o:.24;--hg-mist:oklch(93% .008 260);--hg-mist-o:.95;--hg-stone:oklch(82% .02 250);--hg-stone-o:.55;--hg-grain-opacity:.06;-webkit-mask-image:linear-gradient(#000,#000 60%,#0000);mask-image:linear-gradient(#000,#000 60%,#0000)}.hero-grad--full{-webkit-mask-image:none;mask-image:none}.dark .hero-grad{--hg-plum:oklch(36% .11 340);--hg-plum-o:.7;--hg-slate:oklch(40% .08 255);--hg-slate-o:.55;--hg-mist:oklch(32% .015 260);--hg-mist-o:.6;--hg-stone:oklch(30% .03 250);--hg-stone-o:.7;--hg-grain-opacity:.1}.hero-grad__blob{aspect-ratio:1;background:radial-gradient(circle at center,var(--hg-c) 0,transparent 68%);width:clamp(420px,56vw,920px);opacity:var(--hg-o);filter:blur(48px);will-change:transform;border-radius:50%;position:absolute}.hero-grad__blob--plum{--hg-c:var(--hg-plum);--hg-o:var(--hg-plum-o);animation:26s ease-in-out infinite alternate hg-drift-a;top:-18%;left:-12%}.hero-grad__blob--slate{--hg-c:var(--hg-slate);--hg-o:var(--hg-slate-o);animation:32s ease-in-out infinite alternate hg-drift-b;top:-12%;right:-14%}.hero-grad__blob--mist{--hg-c:var(--hg-mist);--hg-o:var(--hg-mist-o);animation:29s ease-in-out infinite alternate hg-drift-c;bottom:-26%;left:18%}.hero-grad__blob--stone{--hg-c:var(--hg-stone);--hg-o:var(--hg-stone-o);animation:35s ease-in-out infinite alternate hg-drift-d;bottom:-30%;right:6%}@keyframes hg-drift-a{0%{transform:translateZ(0)scale(1)}50%{transform:translate(14vw,6vh)scale(1.12)}to{transform:translate(6vw,14vh)scale(.94)}}@keyframes hg-drift-b{0%{transform:translateZ(0)scale(1.05)}50%{transform:translate(-12vw,10vh)scale(.92)}to{transform:translate(-4vw,-4vh)scale(1.14)}}@keyframes hg-drift-c{0%{transform:translateZ(0)scale(.95)}50%{transform:translate(-10vw,-8vh)scale(1.15)}to{transform:translate(12vw,-3vh)scale(1)}}@keyframes hg-drift-d{0%{transform:translateZ(0)scale(1.1)}50%{transform:translate(-14vw,-10vh)scale(.95)}to{transform:translate(-3vw,5vh)scale(1.05)}}.hero-grad__grain{opacity:var(--hg-grain-opacity);mix-blend-mode:multiply;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%22160%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.9%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.9%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url\(%23a\)%22%2F%3E%3C%2Fsvg%3E);position:absolute;inset:0}.dark .hero-grad__grain{mix-blend-mode:screen}@media (prefers-reduced-motion:reduce){.hero-grad__blob{animation:none}}