/* jw-blog-bg.css — fond animé de la page Blog (#363), 21/09/2026.
 * Chargé dans le <head> : masque l'ancienne image widescreen.jpg avant le premier rendu.
 * Le décor (#jw-bg) est construit par jw-blog-bg.js. Snippet « PERMANENT — Fond animé du blog ».
 */
.elementor-363 .elementor-element-19bad8f{background-image:none!important;background-color:transparent!important}
body.page-id-363{background-color:#EEF1F6}
#jw-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#F2F5F7 0%,#E8ECF3 100%)}
#jw-bg .l{position:absolute;left:0;top:0;width:100%;will-change:transform}
#jw-bg .l>.m{position:absolute;inset:0;will-change:transform}
#jw-bg .au,#jw-bg .gr{top:-20%;left:-20%;right:-20%;bottom:-45%;width:auto}
#jw-bg .blob{position:absolute;width:60vmax;height:60vmax;margin:-30vmax 0 0 -30vmax;border-radius:50%}
#jw-bg .grid{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='69.282' height='40'%3E%3Cpath d='M0 0L69.282 40M0 40L69.282 0M0 0V40M34.641 0V40' stroke='%235A4095' stroke-opacity='.11' fill='none'/%3E%3C/svg%3E");
  background-size:69.282px 40px;
  -webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 28%,#000 0%,transparent 75%);
  mask-image:radial-gradient(ellipse 70% 55% at 50% 28%,#000 0%,transparent 75%)}
#jw-bg .word{position:absolute;top:9vh;left:-2vw;white-space:nowrap;font-family:"Squada One",sans-serif;font-size:34vw;line-height:1;color:#5A4095;opacity:.055;will-change:transform}
#jw-bg svg{display:block;overflow:visible}
#jw-bg .grain{position:absolute;inset:0;opacity:.09;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
#jw-bg .veil{position:absolute;inset:0;background:#F2F5F7;opacity:0}
/* 24/09/2026 - performance : chaque cube est son propre petit calque (voir cubeBox dans le JS),
 * les halos de l aurore aussi. Plus aucune couche geante redessinee a chaque image. */
#jw-bg .cube-at{position:absolute;width:0;height:0}
#jw-bg .cube{position:absolute;left:0;top:0}
#jw-bg .cubes--mid .cube,#jw-bg .cubes--near .cube{will-change:transform}
#jw-bg .blob{will-change:transform}