@property --c{syntax:"<color>";inherits:true;initial-value:gray}@property --c-deep{syntax:"<color>";inherits:true;initial-value:#000}@property --c-shade{syntax:"<color>";inherits:true;initial-value:#000}@property --c-body{syntax:"<color>";inherits:true;initial-value:gray}@property --c-lit{syntax:"<color>";inherits:true;initial-value:#fff}@property --c-hot{syntax:"<color>";inherits:true;initial-value:#fff}.fs{--spec-a:1;--spec-w:1;--ao-a:1;--fresnel-a:1;--grain-a:.05;--flake-a:0;--env-a:0;--c-deep:oklch(from var(--c) calc(l * .3) calc(c * .72) calc(h - 6));--c-shade:oklch(from var(--c) calc(l * .52) calc(c * .9) calc(h - 3));--c-body:oklch(from var(--c) calc(l * .86) calc(c * 1) h);--c-lit:oklch(from var(--c) calc(min(l * 1.22, .9)) calc(c * .86) calc(h + 4));--c-hot:oklch(from var(--c) calc(min(l * 1.48, .965)) calc(c * .38) calc(h + 9));isolation:isolate;background:var(--color-ink-900);content-visibility:auto;contain-intrinsic-size:auto 260px;position:relative;overflow:clip}@supports not (color:rgb(from red r g b)){.fs{--c-deep:color-mix(in oklab, var(--c) 30%, #05070a);--c-shade:color-mix(in oklab, var(--c) 55%, #05070a);--c-body:color-mix(in oklab, var(--c) 88%, #05070a);--c-lit:color-mix(in oklab, var(--c) 74%, #fff8ee);--c-hot:color-mix(in oklab, var(--c) 34%, #fffdf8)}}.fs__panel{background-color:var(--c-deep);background-image: radial-gradient(70% 46% at 6% 97%, #07080a80 0%, #07080a2e 44%, transparent 74%),  linear-gradient(184deg, #cedef22b 0%, #cedef20d 17%, #0000 51%, #06080c33 86%, #06080c61 100%),  radial-gradient(148% 118% at 26% 12%, var(--c-lit) 0%, var(--c-body) 26%, var(--c-shade) 58%, var(--c-deep) 88%);box-shadow:inset 54px 0 78px -44px rgb(0 0 0/calc(.85 * var(--ao-a))), inset 22px 0 26px -20px rgb(0 0 0/calc(.55 * var(--ao-a))), inset 1px 0 0 0 rgb(from var(--c-hot) r g b / calc(.38 * var(--fresnel-a))), inset 0 1px 0 0 rgb(255 255 255/calc(.16 * var(--fresnel-a)));border-radius:26% 0 0 26%/50% 0 0 50%;position:absolute;inset:-1px -1px -1px 34%;overflow:hidden}.fs__lobes,.fs__core,.fs__env,.fs__flake,.fs__grain{pointer-events:none;position:absolute;inset:-28%}.fs__lobes,.fs__core{transform:rotate(-15deg)}.fs__lobes{mix-blend-mode:screen;opacity:var(--spec-a);background-image:radial-gradient(calc(34% * var(--spec-w)) calc(3.4% * var(--spec-w)) at 38% 14%, #fff6ea66 0%, #fff6ea2b 26%, transparent 72%), radial-gradient(calc(46% * var(--spec-w)) calc(7% * var(--spec-w)) at 46% 38%, #fff7ec9e 0%, #fff7ec38 30%, transparent 74%), radial-gradient(calc(40% * var(--spec-w)) calc(5.2% * var(--spec-w)) at 52% 62%, #fff5e857 0%, #fff5e81f 32%, transparent 76%)}.fs__core{mix-blend-mode:plus-lighter;opacity:var(--spec-a);background-image:radial-gradient(calc(24% * var(--spec-w)) calc(2.2% * var(--spec-w)) at 46% 38%, #fffcf6d9 0%, #fffaf24d 34%, transparent 70%)}@supports not (mix-blend-mode:plus-lighter){.fs__core{mix-blend-mode:screen}}.fs__grain{mix-blend-mode:overlay;opacity:var(--grain-a);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");inset:0}.fs__flake{mix-blend-mode:screen;opacity:var(--flake-a);transform:translate3d(calc(var(--fx,0) * 1px), calc(var(--fy,0) * 1px), 0);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1 0 0 0 -0.78'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");transition:transform .5s cubic-bezier(.16,1,.3,1);inset:0}.fs__env{opacity:var(--env-a);mix-blend-mode:screen;background-image:url(/img/studio-strip.webp);background-position:32%;background-size:118% 100%;inset:0}.fs[data-surface=gloss]{--spec-a:1;--spec-w:1;--grain-a:.035}.fs[data-surface=satin]{--spec-a:.5;--spec-w:1.85;--fresnel-a:.55;--grain-a:.07}.fs[data-surface=matte]{--spec-a:.1;--spec-w:2.6;--fresnel-a:.22;--ao-a:.75;--grain-a:.14}.fs[data-surface=matte] .fs__core{display:none}.fs[data-surface=chrome]{--env-a:.92;--spec-a:.85;--spec-w:.8;--grain-a:.02;--c-body:oklch(from var(--c) calc(l * .98) calc(c * .55) h);--c-lit:oklch(from var(--c) calc(min(l * 1.6, .95)) calc(c * .3) h);--c-deep:oklch(from var(--c) calc(l * .34) calc(c * .5) h)}.fs[data-surface=textured]{--spec-a:.42;--spec-w:1.4;--grain-a:.06}.fs[data-surface=textured] .fs__panel:after{content:"";background-image:var(--carbon-weave);opacity:.55;mix-blend-mode:overlay;background-size:7px 7px;position:absolute;inset:0}.fs[data-metallic=true]{--flake-a:.5;--spec-w:1.25}@media (prefers-reduced-motion:reduce){.fs[data-metallic=true]{--flake-a:.12}.fs__flake{transition:none}}.fs[data-shift=true] .fs__panel:before{content:"";mix-blend-mode:hue;opacity:.62;background-image:linear-gradient(104deg, var(--c-flip,var(--c)) 0%, var(--c-flip,var(--c)) 10%, var(--c) 74%, var(--c) 100%);position:absolute;inset:0}.fs[data-shift=true]{--env-a:.3;--spec-w:.9;--c-flip:oklch(from var(--c) l calc(c * 1.05) calc(h + 145))}@media (forced-colors:active){.fs__panel{forced-color-adjust:none}}
