/* PROJECT background, shared by static pages. Only this layer owns background colors. */
body.has-project-background{position:relative;isolation:isolate}
body.has-project-background::before{content:none!important}
.has-project-background .site-background-host{position:relative;isolation:isolate}
.has-project-background .character-content{background:none!important}
.has-project-background .character-content::before,.has-project-background .character-content::after{content:none!important}
.site-background{--page-background-accent:var(--character-accent,#79c9d6);--page-background-soft:var(--character-accent-soft,#d8f2f5);position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--page-background-soft) 90%,transparent),transparent 29%),radial-gradient(circle at 91% 70%,color-mix(in srgb,var(--page-background-accent) 22%,transparent),transparent 29%),linear-gradient(125deg,rgba(255,255,255,.985),rgba(247,247,245,.965) 52%,rgba(252,251,249,.985));background-size:100% 1200px;background-repeat:repeat-y}
.site-background::before,.site-background::after{content:"";position:absolute;pointer-events:none;z-index:0}
.site-background::before{inset:0;background-image:radial-gradient(circle at 0 0,color-mix(in srgb,var(--page-background-accent) 24%,transparent) 0 1.2px,transparent 1.65px),linear-gradient(rgba(28,28,34,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(28,28,34,.028) 1px,transparent 1px);background-position:0 0;background-size:64px 64px;opacity:.74}
.site-background::after{top:0;left:50%;width:136vw;height:100%;transform:translateX(-50%);opacity:.86;background:linear-gradient(169deg,transparent 0 378px,color-mix(in srgb,var(--page-background-accent) 17%,transparent) 378px 522px,transparent 522px 1342px,color-mix(in srgb,var(--page-background-soft) 65%,transparent) 1342px 1558px,transparent 1558px),linear-gradient(200deg,transparent 0 700px,color-mix(in srgb,var(--page-background-accent) 4%,transparent) 700px 1000px,transparent 1000px);background-size:100% 2200px;background-repeat:repeat-y}
.has-project-background:not(.character-static-page) .site-background{--page-background-accent:#79c9d6;--page-background-soft:#d8f2f5}
@media(max-width:767px){.site-background::after{width:160vw}}