/* ══════════════════════════════════════════
   PROBA DEMO VIDEO (product page hero)
   Floating app-window treatment for the demo mp4:
   faint gold grid backdrop, gold halo, smoked-glass
   frame.
   Requires video-hero.css (base .video_block_* rules)
   and pairs with assets/js/proba-demo.js.
   ══════════════════════════════════════════ */

/* No dark overlay on the demo — the video is the product */
.video_block_wrapper--demo::before { display: none; }

/* Gold halo bleeding past the video's edges */
.video_block_wrapper--demo .video_glow {
    position: absolute;
    inset: -50px -70px;
    background: radial-gradient(55% 55% at 50% 45%,
        rgba(200, 169, 110, 0.32) 0%,
        rgba(174, 140, 74, 0.15) 45%,
        rgba(200, 169, 110, 0) 75%);
    filter: blur(60px);
    pointer-events: none;
    z-index: 0;
}

/* Floating app-window treatment: thick translucent matte frame */
.video_block_wrapper--demo .video_block_video {
    position: relative;
    z-index: 1;
    border-radius: 22px;
    border: 14px solid rgba(232, 224, 212, 0.07);
    background: #000;
    box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.85), 0 0 50px -12px rgba(201, 184, 150, 0.18);
}

@media (max-width: 768px) {
    .video_block_wrapper--demo .video_block_video {
        border-radius: 12px;
        border-width: 6px;
    }
    .video_block_wrapper--demo .video_glow {
        inset: -24px -20px;
        filter: blur(36px);
    }
}