Small Spaces, Large Experiences
.jg-ambient-spill{position:relative;isolation:isolate;overflow:visible}.jg-ambient-spill:before{content:"";position:absolute;inset:var(--jg-ambient-inset,-6%);z-index:-1;pointer-events:none;background-image:var(--jg-ambient-image);background-size:cover;background-position:center;filter:blur(var(--jg-ambient-blur,56px)) saturate(var(--jg-ambient-sat,1.15));opacity:var(--jg-ambient-opacity,.14);transform:scale(var(--jg-ambient-scale,1.06));}.jg-ambient-spill:after{content:"";position:absolute;inset:var(--jg-ambient-inset,-6%);z-index:-1;pointer-events:none;opacity:calc(var(--jg-ambient-opacity,.14) * .55);mix-blend-mode:screen}.jg-ambient-spill.is-bias-teal:after{background:radial-gradient(ellipse at 50% 35%,rgba(24,156,170,.75),transparent 62%)}.jg-ambient-spill.is-bias-warm:after{background:radial-gradient(ellipse at 50% 55%,rgba(198,111,45,.65),transparent 62%)}.jg-ambient-spill.is-bias-teal_amber:after{background:radial-gradient(ellipse at 42% 30%,rgba(24,156,170,.62),transparent 58%),radial-gradient(ellipse at 65% 68%,rgba(198,111,45,.45),transparent 62%)}.jg-ambient-spill.is-mask-soft:before,.jg-ambient-spill.is-mask-soft:after{mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.92) 0%,rgba(0,0,0,.42) 48%,transparent 80%)}.jg-ambient-spill.is-mask-directional:before,.jg-ambient-spill.is-mask-directional:after{mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 24%,rgba(0,0,0,.92) 52%,transparent 100%)}.jg-ambient-spill.is-mask-irregular:before,.jg-ambient-spill.is-mask-irregular:after{mask-image:radial-gradient(ellipse at 36% 40%,rgba(0,0,0,.76),transparent 62%),radial-gradient(ellipse at 68% ...