/* Full-bleed media sections (#gallery, #download). Was an inline <style> block in index.html,
   moved out on 10.11.2026 so the CSP can drop style-src 'unsafe-inline'. Paths are relative to css/. */
/* Full-bleed media background for a section (Apple-style) */
.section-media{position:relative;overflow:hidden}
.section-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.section-bg-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0.62) 0%,rgba(0,0,0,0.28) 26%,rgba(0,0,0,0.30) 72%,rgba(0,0,0,0.64) 100%)}
.section-media>.container{position:relative;z-index:2}
#gallery{background-image:url(../images/range-driving-poster.jpg);background-size:cover;background-position:center}
#download{background-image:url(../images/aerial-golf-poster.jpg);background-size:cover;background-position:center}
@media (prefers-reduced-motion:reduce){.section-bg-video{display:none}}
