/* DEV video treatment: one viewport-sized layer, visible in selected sections. */
body{isolation:isolate;background:#10110f}
.site-video-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#10110f url('/video/royal-pit-poster.jpg') center center/cover no-repeat}
.site-video-background video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0}
.site-video-background.is-playing video{opacity:1}
.site-video-background::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.70)}
main>section,main>.ribbon,footer{background:var(--bg)}
main>.hero,main>#occasions,main>.contact{background:transparent}
main>.packages{background:#161811}main>.faq{background:#151711}
.hero{min-height:calc(100svh - 113px)}
.hero .intro,.hero-note,.story p:not(.eyebrow){color:#e0e0d8}
.video-toggle{position:fixed;right:20px;bottom:20px;z-index:25;border:1px solid var(--gold);background:#10110ff2;color:var(--white);padding:10px 16px;min-height:44px;font-size:13px;border-radius:4px}
.video-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:800px){.site-video-background{background-position:50% 50%}.site-video-background video{object-position:50% 50%}.video-toggle{right:12px;bottom:calc(82px + env(safe-area-inset-bottom));max-width:calc(100% - 24px)}.hero{min-height:calc(100svh - 97px)}}
@media(prefers-reduced-motion:reduce){.site-video-background video,.video-toggle{display:none!important}}