.hero-mist{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mist-l{mix-blend-mode:screen;will-change:transform, opacity;background:url(/art/fog-header.webp) 50%/cover;position:absolute;inset:-10% -25%}.mist-1{opacity:.32;animation:48s ease-in-out infinite alternate mist-a,11s ease-in-out infinite flicker}.mist-2{opacity:.22;background-position:20% 80%;background-size:160%;animation:34s ease-in-out infinite alternate mist-b}.mist-3{opacity:.16;background-position:80% 30%;background-size:220%;animation:26s ease-in-out infinite alternate-reverse mist-a}.mist-4{opacity:.2;background-position:50% 100%;background-size:140%;animation:41s ease-in-out infinite alternate-reverse mist-b}.mist-5{opacity:.14;background-position:0 0;background-size:260%;animation:19s ease-in-out infinite alternate mist-a}.mist-floor{background:linear-gradient(0deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent);opacity:.8;height:45%;animation:7s ease-in-out infinite flicker;position:absolute;inset:auto 0 0}@keyframes mist-a{0%{transform:translate(-6%,2%)scale(1.05)}to{transform:translate(6%,-3%)scale(1.15)}}@keyframes mist-b{0%{transform:translate(7%,-2%)scale(1.1)}to{transform:translate(-7%,3%)scale(1.02)}}@media (max-width:640px){.mist-4,.mist-5{display:none}}