.studio-art{--art-hl:.34;--art-lo:.16;--art-grain:.5;--art-angle:145deg;--art-hl-pos:18% 0%;--art-lo-pos:100% 100%;--art-glow-pos:74% 40%;--art-a:var(--art-from);--art-b:var(--art-to);pointer-events:none;background-color:var(--art-b);background-image:radial-gradient(120% 90% at var(--art-hl-pos), rgb(255 255 255/var(--art-hl)), transparent 58%), radial-gradient(85% 70% at var(--art-lo-pos), rgb(0 0 0/var(--art-lo)), transparent 62%), radial-gradient(55% 45% at var(--art-glow-pos), #ffffff24, transparent 72%), linear-gradient(var(--art-angle), var(--art-a), var(--art-b));display:block;position:absolute;inset:0;overflow:hidden}.studio-art-flow{position:relative;inset:auto}.studio-art:after{content:"";opacity:var(--art-grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1.4 0 0 0 -.2 1.4 0 0 0 -.2 1.4 0 0 0 -.2 0 0 0 0 .22'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.studio-art[data-layout="1"]{--art-angle:215deg;--art-hl-pos:85% 0%;--art-lo-pos:0% 100%;--art-glow-pos:28% 42%}.studio-art[data-layout="2"]{--art-angle:160deg;--art-hl-pos:0% 60%;--art-lo-pos:100% 0%;--art-glow-pos:80% 70%}.studio-art[data-layout="3"]{--art-angle:125deg;--art-hl-pos:60% 0%;--art-lo-pos:20% 100%;--art-glow-pos:30% 65%}@supports (color:color-mix(in oklab, red, blue)){.studio-art{--art-a:color-mix(in oklab, var(--art-from) 90%, white);--art-b:color-mix(in oklab, var(--art-to) 90%, white)}:root[data-theme=dark] .studio-art{--art-a:color-mix(in oklab, var(--art-from) 58%, black);--art-b:color-mix(in oklab, var(--art-to) 58%, black)}}:root[data-theme=dark] .studio-art{--art-hl:.14;--art-lo:.34;--art-grain:.42}