#homeMain {
    position:relative;
    isolation:isolate;
}

#homeMain > :not(.home-hk-particle-layer) {
    position:relative;
    z-index:1;
}

.home-hk-particle-layer {
    position:fixed;
    inset:0;
    z-index:0;
    width:100vw;
    height:100vh;
    overflow:hidden;
    pointer-events:none;
    user-select:none;
    transform:none;
    opacity:1;
}

.home-hk-particle-layer canvas {
    position:absolute;
    inset:0;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    pointer-events:none;
    opacity:0;
    transition:opacity 240ms ease;
}

.home-hk-particle-layer.is-ready canvas { opacity:1; }

html.studio-theme-light .home-hk-particle-layer { opacity:.68; }

@media (max-width: 768px) {
    .home-hk-particle-layer { opacity:.42; }
}

@media (prefers-reduced-motion: reduce) {
    .home-hk-particle-layer canvas { transition-duration:.01ms !important; }
}