/* TEST ONLY: fixed cinematic video, scrolling content */
body:has(.oa-cinematic-backdrop){background:#101a1a}
.oa-cinematic-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#101a1a}
.oa-cinematic-backdrop .poster,.oa-cinematic-backdrop video,.oa-cinematic-backdrop .shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.oa-cinematic-backdrop .poster{background:url('poster.jpg') center/cover no-repeat}
.oa-cinematic-backdrop .shade{background:linear-gradient(90deg,rgba(4,10,13,.80),rgba(4,10,13,.57) 70%,rgba(4,10,13,.68))}
body:has(.oa-cinematic-backdrop)>header,body:has(.oa-cinematic-backdrop)>section,body:has(.oa-cinematic-backdrop)>footer,body:has(.oa-cinematic-backdrop)>.cms-demo-banner{position:relative;z-index:1}
body:has(.oa-cinematic-backdrop) .hero{background:transparent}
body:has(.oa-cinematic-backdrop) .intro{max-width:none;margin:0;min-height:400px;display:flex;flex-direction:column;justify-content:center;background:rgba(9,20,20,.26);color:#fff}
body:has(.oa-cinematic-backdrop) .intro p{color:#f1eee6;max-width:900px;margin-left:auto;margin-right:auto}
body:has(.oa-cinematic-backdrop) .section.alt{background:rgba(10,22,21,.72);color:#fff}
body:has(.oa-cinematic-backdrop) .section.alt .section-head p{color:#eee}
body:has(.oa-cinematic-backdrop) .section:not(.alt){background:rgba(247,245,240,.94)}
body:has(.oa-cinematic-backdrop) .oa-home-showcase{background:rgba(247,245,240,.96)}
body:has(.oa-cinematic-backdrop) .panel{background:rgba(12,29,28,.42)}
body:has(.oa-cinematic-backdrop) .enquiry-section{background:rgba(244,241,235,.96)}
body:has(.oa-cinematic-backdrop) footer{background:#0f1918}
@media(max-width:760px),(prefers-reduced-motion:reduce){.oa-cinematic-backdrop video{display:none}.oa-cinematic-backdrop .poster{display:block}}

/* 14 Nov 2026: continuous charcoal overlay rather than visible section boxes. */
body:has(.oa-cinematic-backdrop) .hero,
body:has(.oa-cinematic-backdrop) .intro,
body:has(.oa-cinematic-backdrop) .section.alt {
  background:rgba(9,20,20,.46);
}
body:has(.oa-cinematic-backdrop) .intro {min-height:360px;}
body:has(.oa-cinematic-backdrop) .hero .oa-search-section {background:transparent;}
body:has(.oa-cinematic-backdrop) .intro,
body:has(.oa-cinematic-backdrop) .section.alt {box-shadow:none;border:0;}