.hf{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict;opacity:0;transition:opacity 1.8s cubic-bezier(.2,.7,.2,1)}.hf.is-on{opacity:1}.hf-canvas{display:block;width:100%;height:100%}.hp-hero:has(>.hf.is-on)>.hp-hero-grid{opacity:.16;transition:opacity 1.8s cubic-bezier(.2,.7,.2,1)}@media (prefers-reduced-motion:reduce){.hf,.hp-hero:has(>.hf.is-on)>.hp-hero-grid{transition:none}}