/* Fixed cinematic video behind scrolling content. */
body{background:#101211}
.page-video-background{position:fixed;inset:0;z-index:0;overflow:hidden;background:#101211 url('assets/video/skyline-poster-v2.jpg') center center / cover no-repeat;pointer-events:none}
.page-video-background video,.page-video-background img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.page-video-background video{opacity:0;transition:opacity .4s ease;background:transparent}
.page-video-background video.is-playing{opacity:1}
.page-video-background::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,10,.48),rgba(4,8,10,.16) 70%,rgba(4,8,10,.23))}
body{isolation:isolate}
main{position:relative;z-index:1}
footer{position:relative;z-index:1}
main,.hero,.intro,.fleet,.availability,.how,.booking,.policies{background:transparent!important}
.hero{isolation:auto;overflow:visible}
.hero-media{display:none}
.hero-video-toggle{position:fixed;right:18px;bottom:18px;z-index:30}
.hero-content{z-index:1}
.intro,.fleet,.availability,.how,.booking,.policies{position:relative;z-index:1}
.vehicle,.calendar-box,.booking-form,.booking-callout,.steps>div,.policies details{background:#191c1a!important;opacity:1;backdrop-filter:none}
.calendar-layout>div:first-child{background:#191c1a;padding:24px;border:1px solid var(--line)}
.booking-form{padding:30px;border:1px solid var(--line)}
.steps>div{padding:24px;border:1px solid var(--line)}
.policies details{padding:22px;margin-bottom:12px}
.nav,footer{background:#101211!important}
@media(max-width:700px){.page-video-background video,.page-video-background img{object-position:center}.booking-form{padding:18px}.calendar-layout>div:first-child{padding:18px}.hero-video-toggle{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.page-video-background video{transition:none}}