/* COSMOYA R16 — restoration layer only: R13 welcome, R15 provisional hero. 
 * Does not change the approved rest-of-site R13 art direction.
 */
html[data-cosmoya-r16-media="true"] body.cosmoya-r16-intro-open{
 overflow:hidden!important;
}
.cosmoya-r16-intro{
 position:fixed;inset:0;z-index:2147483000;
 background:#f6f0e4;
 display:flex;align-items:center;justify-content:center;
 overflow:hidden;isolation:isolate;
}
.cosmoya-r16-intro__film{
 position:absolute;inset:0;overflow:hidden;z-index:-1;
 background:#eee4d6;
}
.cosmoya-r16-intro__film video{
 display:block;width:100%;height:100%;
 object-fit:cover;object-position:center center;
 filter:none;transform:none;
}
.cosmoya-r16-intro__skip{
 position:absolute;right:clamp(12px,3vw,45px);
 top:calc(env(safe-area-inset-top,0px) + clamp(14px,3vw,30px));
 display:flex;align-items:center;justify-content:center;
 min-height:46px;min-width:145px;padding:12px 17px;
 border:1px solid rgba(46,73,55,.25);
 border-radius:6px;background:rgba(255,250,235,.95);
 color:#204b35!important;
 font:800 11px/1.3 "Plus Jakarta Sans","Cairo",Arial,sans-serif;
 letter-spacing:.01em;cursor:pointer;
 box-shadow:0 4px 14px rgba(22,58,34,.07);
 z-index:5;
}
.cosmoya-r16-intro__skip:hover{background:#fffdfa;}
.cosmoya-r16-intro__skip:focus-visible{
 outline:3px solid #88683d!important;outline-offset:4px;
}
.cosmoya-r16-intro__progress{
 position:absolute;bottom:0;left:0;width:100%;height:4px;
 background:linear-gradient(90deg,#d4ad7c,#fff7df);
 opacity:.88;transform-origin:left center;
 animation:cosmoya-r16-progress 8.3s linear forwards;
}
@keyframes cosmoya-r16-progress{
 from{transform:scaleX(0)}to{transform:scaleX(1)}
}
.cosmoya-r16-intro--leaving{
 opacity:0;pointer-events:none;
 transition:opacity .5s ease-out;
}
.cosmoya-r16-intro__arabic-copy{
 direction:rtl;
 width:min(85vw,840px);padding:20px;
 color:#214833;text-align:center;
 text-shadow:0 2px 20px rgba(255,255,255,.88);
 display:grid;gap:14px;justify-items:center;
 margin-top:clamp(50px,20vh,155px);
}
.cosmoya-r16-intro__arabic-copy span{
 color:#846947;font-size:clamp(10px,1.7vw,14px);
 letter-spacing:.13em;font-weight:700;
}
.cosmoya-r16-intro__arabic-copy strong{
 font-family:"Cairo",Arial,sans-serif;
 font-size:clamp(30px,6.4vw,70px);font-weight:750;
 line-height:1.42;
}
html[dir=rtl] .cosmoya-r16-intro__skip{
 right:auto;left:clamp(12px,3vw,45px);
}
.cosmoya-r16-replay{
 display:inline-flex;align-items:center;justify-content:center;
 padding:10px 14px;min-height:44px;
 margin-top:15px;margin-bottom:10px;
 border:1px solid rgba(41,82,58,.46);
 border-radius:5px;background:rgba(250,249,241,.85);
 color:#204933;
 font:800 11px/1.4 "Plus Jakarta Sans","Cairo",Arial,sans-serif;
 letter-spacing:.01em;cursor:pointer;
 position:relative;z-index:4;
 backdrop-filter:blur(10px);
}
.cosmoya-r16-replay:hover{
 background:#fffdfa;color:#123a28;
 border-color:#326144;
}
.cosmoya-r16-replay:focus-visible{
 outline:3px solid #a27b50!important;outline-offset:3px;
}
html[data-cosmoya-r16-video="true"] .wc-r4-hero__cinema{
 background-size:cover!important;
 filter:none!important;
}
html[data-cosmoya-r16-video="true"] .wc-r4-hero__cinema video{
 width:100%;height:100%;object-fit:cover;
 object-position:70% center;
 transform:none!important;
 filter:none!important;
 opacity:1!important;
}
@media(max-width:720px){
 .cosmoya-r16-intro__film video{
  object-position:center center;
 }
 .cosmoya-r16-intro__skip{font-size:11px;min-height:48px;}
 .cosmoya-r16-replay{
  font-size:11px;min-height:46px;max-width:100%;
  white-space:normal;
 }
 html[data-cosmoya-r16-video="true"] .wc-r4-hero__cinema video{
  object-position:76% center;
 }
}
@media(prefers-reduced-motion:reduce){
 .cosmoya-r16-intro__progress{animation:none;}
 .cosmoya-r16-intro--leaving{transition:none;}
}

html[data-cosmoya-r16-media="true"] #wc-r3-h1[tabindex="-1"]:focus{outline:none!important;}
