/* hero : brume (port exact de la variante C) */
.hx-mist{position:absolute;inset:0;z-index:-3;pointer-events:none;overflow:hidden}
.hx-mist i{position:absolute;left:-150%;width:300%;height:42%;bottom:var(--b);background:radial-gradient(ellipse 30% 55% at 28% 50%,rgba(220,235,235,.22),transparent 70%),radial-gradient(ellipse 24% 45% at 62% 60%,rgba(220,235,235,.18),transparent 70%),radial-gradient(ellipse 22% 50% at 83% 45%,rgba(220,235,235,.2),transparent 70%);background-size:33.3333% 100%;background-repeat:repeat-x;filter:blur(18px);animation:mist var(--d) linear infinite;opacity:var(--o);transform:translate3d(calc(var(--px,0)*var(--k)),calc(var(--py,0)*var(--k)),0);will-change:translate}
.hx-mist i:nth-child(1){--b:4%;--d:70s;--o:.9;--k:8px}.hx-mist i:nth-child(2){--b:14%;--d:100s;--o:.7;--k:16px;animation-direction:reverse}.hx-mist i:nth-child(3){--b:-6%;--d:55s;--o:1;--k:24px}
@keyframes mist{from{translate:0 0}to{translate:33.3333% 0}}
.hx-mist.off i{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hx-mist i{animation:none!important;transform:none!important}}