/* r22: fill the viewport with the original film, preserving its aspect ratio. */
.opening-loader,.brand-mobile-opening{position:fixed;inset:0;z-index:1001;overflow:hidden;touch-action:none;background:#111212;color:#fff}
.opening-loader::before,.opening-loader::after{content:none!important}
.opening-loader .brand-opening-video,.brand-mobile-opening .brand-opening-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 50%!important;transform:none!important;filter:none!important;background:#111212}
.opening-loader[data-phase=leaving],.brand-mobile-opening[data-phase=leaving]{pointer-events:none;animation:brand-film-reveal .56s ease-in-out forwards;background:#111212}
@keyframes brand-film-reveal{from{opacity:1}to{opacity:0}}
.opening-begin{position:absolute;z-index:3;inset-inline-start:50%;bottom:max(32px,env(safe-area-inset-bottom));top:auto;transform:translateX(-50%);min-height:46px;max-width:90%;padding:12px 24px;border:1px solid #ffffff80;border-radius:30px;background:#111212eb;color:#fff;font:500 15px/1.5 Manrope,sans-serif;letter-spacing:0;cursor:pointer}
.opening-begin[dir=rtl]{inset-inline-start:auto;left:50%;font-family:Zain,Manrope,sans-serif;font-size:18px}
.opening-begin:focus-visible{outline:2px solid #fff;outline-offset:5px}
.brand-opening-error{position:absolute;bottom:100px;inset-inline:20px;text-align:center;font:400 16px/1.5 sans-serif}
.brand-mobile-opening [hidden]{display:none!important}
#opening-replay:has(.brand-mobile-opening:not([data-phase=leaving]))>#skip-opening{visibility:hidden}
@media(prefers-reduced-motion:reduce){.opening-loader[data-phase=leaving],.brand-mobile-opening[data-phase=leaving]{animation:none;opacity:0}}

/* r26: keep the reading strip absent before and after the controller loads. */
html :is(.site-film>.header,#experience .site-header){background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html:not([data-gabdah-hero-header=true]) :is(.site-film>.header,#experience .site-header){display:none!important;visibility:hidden!important;pointer-events:none!important}

/* r27: opening owns the entire screen, including its audible playback. */
html[data-gabdah-opening=true] :is(.site-film>.header,#experience .site-header),
html:has(.opening-loader,.brand-mobile-opening) :is(.site-film>.header,#experience .site-header),
.arrival-sound{display:none!important;visibility:hidden!important;pointer-events:none!important}