/* Zeyn cinematic scroll hero (preview-cine-hero) */
.cine{padding:0;margin:0;height:489vh;height:489svh;position:relative;background:#fff6e8}
.cine-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#fff6e8}
.cine-poster,#cinecv,#cinevid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cine-poster.pm{display:none}
#cinecv,#cinevid{opacity:0;transition:opacity .3s}.cine-ready.cine-seq #cinecv,.cine-ready.cine-vid #cinevid{opacity:1}.cine-vid #cinecv,.cine-seq #cinevid{display:none}
.cine-close{position:absolute;inset:0;background:#fff6e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,3vh,32px);padding:96px 24px 24px;opacity:0;visibility:hidden;z-index:3}
.cine-close .c-logo{width:min(260px,56vw);height:auto}
.cine-close .c-sub{font-size:clamp(16px,2vw,22px);color:#3a3a44;text-align:center;margin:0;max-width:none}
.cine-close .c-btn{margin-top:4px;background:#1f3a2b;color:#fff;font-size:14px;padding:14px 26px}.cine-close .c-btn:hover{background:#13261c}
#problem.problem{background:linear-gradient(180deg,#fff6e8,#fbf8f1 60%)}
.cine-close .c-tag{font-size:clamp(30px,5.2vw,68px);letter-spacing:-.02em;max-width:16ch;font-weight:700;color:#111;text-align:center;line-height:1.1;margin:0}
@media (max-aspect-ratio:4/5){.cine-poster.pd{display:none}.cine-poster.pm{display:block}}
.cine-rm .cine{height:auto}.cine-rm .cine-sticky{position:relative}.cine-rm #cinecv,.cine-rm #cinevid{display:none}
.cine-rm .cine-close{opacity:1;visibility:visible;background:rgba(255,246,232,.86)}
.cine-rm .cine-close>*{opacity:1!important;filter:none!important;translate:none!important}
.cine-hero.hero{position:absolute;inset:0;min-height:0;height:100%;z-index:2;background:transparent;will-change:opacity,translate}
.cine-hero .hero-scrim{background:linear-gradient(180deg,rgba(8,16,11,.55),rgba(8,16,11,.15) 35%,rgba(8,16,11,.7) 78%,rgba(8,16,11,.88)),linear-gradient(90deg,rgba(8,16,11,.45),transparent 70%)}
.cine-rm .cine-hero{position:relative;min-height:100svh}
@media (max-height:700px){.cine-hero .note{display:none}.cine-hero.hero{padding-top:100px;padding-bottom:28px}}
/* v9: hero first-screen type matched to El Manara preview (h1 48px at 1440, 28px at 390) */
html body .cine-hero.hero h1{font-size:clamp(31px,calc(16.3px + 2.53vw),53px)}
html body .cine-hero .ar-tag{font-size:clamp(15.5px,calc(13.6px + .43vw),20px)!important;line-height:1.5!important;margin-top:10px}
html body .cine-hero .lead{font-size:16.5px}html body .cine-hero .eyebrow,html body .cine-hero .btn,html body .cine-hero .note{font-size:13.2px}
@media (max-width:600px){html body .cine-hero .lead{font-size:15.4px}}
/* v10: hero first-screen text sits at the bottom of the screen */
html body .cine-hero.hero{align-items:flex-end;padding-top:110px;padding-bottom:calc(clamp(36px,7vh,72px) + env(safe-area-inset-bottom,0px))}
@media (max-width:600px){html body .cine-hero.hero{padding-top:96px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}}
.cine-rm .cine-hero.hero{min-height:100svh}
html:not([dir=rtl]) .cine-close .c-tag{font-family:Cairo,Inter,sans-serif;font-weight:700}
@media (max-width:600px){html:not([dir=rtl]) .cine-close .c-tag{font-size:35px}}
html:not([dir=rtl]) .cine-hero .ar-tag{display:none!important}
.cine-close>*{filter:none!important}

/* v16 laptop: statement block sits in the exact vertical middle (header is hidden here) */
@media (min-width:900px){.cine-close{padding:24px}}