/* One continuous moving backdrop: navigation, hero and preview heading. */
body.rp-video-wide{position:relative;isolation:isolate;background:#0c0f18}
.rp-wide-background{position:absolute;top:0;inset-inline:0;width:100%;overflow:hidden;pointer-events:none;z-index:0;background:#0c0f18 url('/assets/videos/poster-1.jpg') center 35%/cover no-repeat}
.rp-wide-background>.rp-hero-background{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;pointer-events:none}
.rp-wide-background:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#080c16a8 0%,#0a0e1880 35%,#0c0f1899 78%,#0e1118 100%)}
body.rp-video-wide>.site-header{position:relative;z-index:5;background:#0c0f1838!important;backdrop-filter:blur(5px)}
body.rp-video-wide main.rp-main{position:relative;z-index:1;background:transparent!important}
body.rp-video-wide .rp-main .rp-hero{background:transparent!important;isolation:auto}
body.rp-video-wide .rp-main .rp-hero:before,body.rp-video-wide .rp-main .rp-hero:after{display:none}
body.rp-video-wide .rp-main .rp-showcase{background:transparent!important}
body.rp-video-wide .rp-main .rp-showcase>.rp-routines{position:relative;z-index:1}
.rp-background-toggle{display:none!important}
@media(max-width:760px){.rp-wide-background>.rp-hero-background{object-position:center 35%}.rp-wide-background:after{background:linear-gradient(180deg,#080c16b8,#0c0f1880 65%,#0e1118 100%)}}

/* Other catalogue pages share a viewport-sized moving backdrop. */
body.rp-video-pages .rp-wide-background{position:fixed;height:100vh;height:100dvh}
body.rp-video-pages>main{position:relative;z-index:1;background:transparent!important}
body.rp-video-pages>footer{position:relative;z-index:1}
body.rp-video-pages .rp-wide-background:after{background:linear-gradient(180deg,#080c16b8,#0c0f18ad 60%,#0c0f18df)}
body.rp-video-pages .individual-grid{background:transparent!important}
body.rp-video-pages .individual-grid>.standalone-routine,body.rp-video-pages .download-grid>article{background:#111722c9!important;backdrop-filter:blur(3px)}

/* Let the moving backdrop show through the outer Free catalogue panel. */
body.rp-video-pages[data-page="free"] .free-catalog{background:rgba(15,18,25,.25)!important;border-color:rgba(112,132,170,.28);box-shadow:none}

/* The persistent parent owns the video; the child owns page UI and its scripts. */
body.rp-navigation-shell{overflow:hidden!important;height:100dvh}
body.rp-navigation-shell>.rp-wide-background{position:fixed!important;height:100vh!important;height:100dvh!important}
body.rp-navigation-shell>:not(.rp-wide-background):not(.rp-content-frame){display:none!important}
.rp-content-frame{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;border:0;z-index:2;background:transparent;color-scheme:normal}
html.rp-embedded-page,html.rp-embedded-page body{background:transparent!important}
html.rp-embedded-page .rp-wide-background,html.rp-embedded-page .rp-hero-background{display:none!important}
