.proc-bg {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -2;
    pointer-events: none;
    opacity: 1;
}

.page__body {
    position: relative;
    min-height: 100vh;
}

.page__body::before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: -60vh;
    bottom: -60vh;

    z-index: -1;
    pointer-events: none;
    transform: translateZ(0);

    /* Маска поверх canvas, но не убивает его */
    background: radial-gradient(900px 520px at 18% 10%, rgba(255, 122, 24, 0.18), transparent 60%),
    radial-gradient(720px 420px at 82% 18%, rgba(255, 176, 0, 0.12), transparent 56%),
    radial-gradient(920px 720px at 40% 94%, rgba(255, 122, 24, 0.10), transparent 60%),
    linear-gradient(to bottom,
            rgba(7, 10, 18, 0.85),
            rgba(7, 10, 18, 0.55) 35%,
            rgba(7, 10, 18, 0.55) 65%,
            rgba(7, 10, 18, 0.85)
    );
}