.background-dot-pattern-wrapper{width:100%;min-height:100%;position:relative;overflow:hidden}.background-surface--neutral{background:linear-gradient(#fffefe 0%,#fcfbfa 55%,#fffefe 100%)}.background-surface--warm,.background-surface--patterned{background:radial-gradient(circle at 0 0,#fb923c14,#0000 34%),radial-gradient(circle at 100% 100%,#ef44440f,#0000 38%),linear-gradient(#fffdfb 0%,#fff8f5 48%,#fffdfb 100%)}.background-dot-pattern-wrapper:before{content:"";pointer-events:none;z-index:0;opacity:0;background:linear-gradient(145deg,#fb923c14 0%,#ef44441a 52%,#7f1d1d14 100%);transition:opacity .25s ease-out;position:absolute;inset:0}.background-surface--with-scroll-tint:before{opacity:calc(var(--page-scroll-progress,0)*.65)}.background-dot-pattern-layer{pointer-events:none;opacity:0;-webkit-mask-image:radial-gradient(900px,#000,#0000 80%);mask-image:radial-gradient(900px,#000,#0000 80%);-webkit-mask-image:radial-gradient(1000px,#000,#0000 80%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-image:radial-gradient(circle,#dc26261c 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-position:50%;-webkit-mask-size:50% 50%}.background-surface--with-pattern .background-dot-pattern-layer{opacity:.32;background-image:radial-gradient(circle,#dc26261a 1px,#0000 1px);background-size:26px 26px}.about-bento-section-background.background-dot-pattern-wrapper{background:linear-gradient(#e8eaef 0%,#e2e5ec 50%,#e8eaef 100%)}.about-bento-section-background.background-dot-pattern-wrapper:before{opacity:1;background:radial-gradient(80% 50% at 20% 40%,#ef444403 0%,#0000 50%),radial-gradient(60% 40% at 80% 60%,#3b82f604 0%,#0000 50%),radial-gradient(50% 30% at 50% 80%,#10b98103 0%,#0000 50%)}.about-bento-section-background .background-dot-pattern-layer{opacity:.5;background-image:radial-gradient(circle,#94a3b82e 1px,#0000 1px);background-size:28px 28px}.background-dot-pattern-content{z-index:1;width:100%;height:100%;position:relative}