.background-dot-pattern-wrapper{--dotPattern-red-glow-soft:color-mix(in srgb,var(--global-company-color)8%,transparent);--dotPattern-red-glow-medium:color-mix(in srgb,var(--global-company-color)10%,transparent);width:100%;min-height:100%;position:relative;overflow:hidden}.background-surface--neutral{background:var(--global-white)}.background-surface--warm,.background-surface--patterned{background:radial-gradient(circle at top left,var(--dotPattern-red-glow-soft),transparent 34%),radial-gradient(circle at bottom right,var(--dotPattern-red-glow-soft),transparent 38%),var(--global-white)}.background-dot-pattern-wrapper:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(145deg,var(--dotPattern-red-glow-soft)0%,var(--dotPattern-red-glow-medium)52%,var(--dotPattern-red-glow-soft)100%);opacity:0;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;background-image:radial-gradient(circle,var(--dotPattern-red-glow-medium)1px,transparent 1px);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-size:24px 24px;position:absolute;inset:0;-webkit-mask-position:50%;-webkit-mask-size:50% 50%}.background-surface--with-pattern .background-dot-pattern-layer{background-image:radial-gradient(circle,var(--dotPattern-red-glow-medium)1px,transparent 1px);opacity:.32;background-size:26px 26px}.background-dot-pattern-content{z-index:1;width:100%;height:100%;position:relative}