/* Soft city-light color beneath the existing puzzle animation. */
:is(#home-complexity,#about-complexity) .puzzle-animation{background:#f4faff;border-radius:30px;box-shadow:0 18px 48px -18px rgb(var(--flex-navy-rgb) / 0.2196),0 4px 15px rgb(var(--flex-navy-rgb) / 0.0392)}
:is(#home-complexity,#about-complexity) .puzzle-light-stage{position:relative;isolation:isolate;overflow:hidden;background:#f4faff}
:is(#home-complexity,#about-complexity) .puzzle-bokeh{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
:is(#home-complexity,#about-complexity) .puzzle-bokeh i{position:absolute;width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--glow),.5) 0%,rgba(var(--glow),.22) 35%,rgba(var(--glow),0) 71%);opacity:.3;animation:puzzle-light-breathe 14s ease-in-out infinite;pointer-events:none}
:is(#home-complexity,#about-complexity) .puzzle-bokeh i:nth-child(1){--glow:73,191,255;left:-9%;top:4%;animation-delay:-1s}
:is(#home-complexity,#about-complexity) .puzzle-bokeh i:nth-child(2){--glow:157,110,244;right:4%;top:-19%;animation-delay:-5s}
:is(#home-complexity,#about-complexity) .puzzle-bokeh i:nth-child(3){--glow:77,204,143;left:30%;bottom:-25%;animation-delay:-9s}
:is(#home-complexity,#about-complexity) .puzzle-bokeh i:nth-child(4){--glow:255,197,62;right:-12%;bottom:0;animation-delay:-12s}
:is(#home-complexity,#about-complexity) .puzzle-bokeh i:nth-child(5){--glow:245,121,184;left:1%;bottom:-13%;animation-delay:-7s}
:is(#home-complexity,#about-complexity) .puzzle-bokeh i:nth-child(6){--glow:255,148,91;left:30%;top:0;animation-delay:-3s;width:32%}
:is(#home-complexity,#about-complexity) .puzzle-light-stage .puzzle-canvas{position:relative;z-index:1;background:transparent}
@keyframes puzzle-light-breathe{0%,100%{opacity:.18;transform:scale(.9)}40%{opacity:.85;transform:scale(1.12)}70%{opacity:.35;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){:is(#home-complexity,#about-complexity) .puzzle-bokeh i{animation:none;opacity:.35}}