:root{--bg: #050505;--bg-2: #0e0e0f;--card: #141415;--line: rgba(255, 255, 255, .09);--text: #f4f4f4;--muted: #a3a3a8;--accent: #b43a3b;--accent-2: #d9524f;--teal: #7fd1c3;--radius: 18px;--font: "Outfit", "IBM Plex Sans Arabic", system-ui, sans-serif;--nav-h: 72px;color-scheme:dark}html[lang=ar]{--font: "IBM Plex Sans Arabic", "Outfit", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.35}p{margin:0 0 1em}:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:20px}.muted{color:var(--muted)}.small{font-size:.875rem}.center{text-align:center}.mt{margin-top:2rem}.mb{margin-bottom:1.5rem}.h1{font-size:clamp(2.5rem,7vw,5rem)}.h2{font-size:clamp(1.8rem,4vw,2.75rem)}.h3{font-size:clamp(1.25rem,2.5vw,1.6rem)}.kicker{color:var(--accent-2);text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;font-weight:600;margin-bottom:.75rem}html[lang=ar] .kicker{letter-spacing:0;font-size:.95rem}.lead{font-size:1.15rem}.section{padding-block:clamp(56px,9vw,110px)}.section--tight{padding-block:clamp(40px,6vw,70px)}.section--top0{padding-top:0}.section-title{margin-bottom:clamp(28px,4vw,48px)}.section-title--center{text-align:center;max-width:760px;margin-inline:auto}.section-title h2{font-size:clamp(1.9rem,4.5vw,3rem);background:linear-gradient(90deg,#fff,#bdbdbd);-webkit-background-clip:text;background-clip:text;color:transparent}.section-title p{font-size:1.05rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.8em 1.5em;border-radius:999px;border:1px solid transparent;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s;white-space:nowrap;background:none}.btn:hover{transform:translateY(-2px)}.btn--sm{padding:.5em 1.1em;font-size:.9rem}.btn--lg{padding:.95em 1.8em;font-size:1.05rem}.btn--accent{background:var(--accent);color:#fff;box-shadow:0 10px 30px -10px #b43a3bb3}.btn--accent:hover{background:var(--accent-2)}.btn--ghost{border-color:#ffffff47;color:#fff}.btn--ghost:hover{border-color:#fff;background:#ffffff0f}.btn--danger{border-color:#d9524f80;color:#ff8a86}.btn:disabled{opacity:.6;cursor:wait}.link{display:inline-flex;align-items:center;gap:.4em;font-weight:600}.arrow{transition:transform .2s}[dir=rtl] .arrow,.back .arrow{transform:scaleX(-1)}[dir=rtl] .back .arrow{transform:none}.nav{position:fixed;inset:0 0 auto;z-index:50;height:var(--nav-h);transition:background .3s,border-color .3s;border-bottom:1px solid transparent}.nav--solid{background:#050505d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}.nav__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav__logo img{width:44px;height:44px;object-fit:contain}.nav__links{display:flex;align-items:center;gap:28px}.nav__links>a:not(.btn){font-weight:500;opacity:.8;position:relative;padding-block:6px}.nav__links>a:not(.btn):hover,.nav__links>a.active{opacity:1}.nav__links>a.active:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--accent);border-radius:2px}.nav__lang{background:none;border:1px solid var(--line);border-radius:999px;padding:.35em .9em;cursor:pointer;font-size:.9rem}.nav__lang:hover{border-color:#fff6}.nav__toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}@media (max-width: 860px){.nav__toggle{display:block}.nav__links{position:fixed;inset:var(--nav-h) 0 auto;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 24px;background:#050505f7;border-bottom:1px solid var(--line);display:none}.nav__links.is-open{display:flex}.nav__links>a:not(.btn){padding:14px 0;border-bottom:1px solid var(--line);font-size:1.1rem}.nav__links>a.active:after{display:none}.nav__links>a.active{color:var(--accent-2)}.nav__lang{margin:16px 0 12px;align-self:flex-start}}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#3a0f12 0%,#120506 45%,var(--bg) 80%)}.hero__photo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center}.hero__photo img{height:100%;width:auto;max-width:none;object-fit:cover;object-position:top center;opacity:.85}.hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg) 4%,rgba(5,5,5,.75) 32%,rgba(5,5,5,.1) 65%)}.hero__content{position:relative;text-align:center;padding-top:calc(var(--nav-h) + 40px);padding-bottom:clamp(48px,8vh,90px)}.hero__title{font-size:clamp(2.8rem,8vw,5.5rem);font-weight:700;margin-bottom:.25em}.hero__line{font-size:clamp(1.02rem,2vw,1.25rem);color:#d6d6d6;max-width:640px;margin-inline:auto}.hero__ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:1.75rem}.about .hero__ctas{justify-content:flex-start}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:-10px;position:relative}.stat{text-align:center;padding:22px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2)}.stat strong{display:block;font-size:clamp(1.8rem,5vw,3rem);font-weight:700;line-height:1.1}.stat>span{color:var(--muted);font-size:clamp(.75rem,2vw,.95rem);text-transform:uppercase;letter-spacing:.1em}html[lang=ar] .stat>span{letter-spacing:0}.reel{max-width:1000px;margin-inline:auto}.player{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:#000;border:1px solid var(--line);box-shadow:0 30px 80px -30px #b43a3b73}.player iframe,.player__poster,.player__poster img,.player__poster video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover}.player__poster{padding:0;background:#000;cursor:pointer}.player__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;transition:background .3s}.player__poster:hover:after{background:#00000026}.player__btn{position:absolute;z-index:1;top:50%;left:50%;translate:-50% -50%;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 0 0 10px #b43a3b40;transition:transform .25s}.player__btn svg{margin-inline-start:4px}.player__poster:hover .player__btn{transform:scale(1.08)}.player--loading{background:linear-gradient(100deg,#0d0d0d 30%,#1a1a1a,#0d0d0d 70%) 0 0 / 300% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position:-150% 0}}.grid{display:grid;gap:24px}.grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid--work{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width: 420px){.grid--work,.grid--3{grid-template-columns:1fr}}.service{position:relative;display:flex;align-items:flex-end;min-height:340px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);isolation:isolate}.service video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease}.service:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#000000eb 15%,#00000040)}.service:hover video{transform:scale(1.06)}.service__body{padding:26px}.service h3{font-size:1.5rem}.service p{color:#d0d0d0}.service .link{color:var(--teal)}.service:hover .arrow{translate:4px 0}[dir=rtl] .service:hover .arrow{translate:-4px 0}.work-card{display:block}.work-card__media{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:var(--card);border:1px solid var(--line)}.work-card__media img,.work-card__ph{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-card__play{position:absolute;inset:auto 14px 14px auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;opacity:0;transform:translateY(8px);transition:.3s}[dir=rtl] .work-card__play{inset:auto auto 14px 14px}.work-card:hover img{transform:scale(1.05)}.work-card:hover .work-card__play,.work-card:focus-visible .work-card__play{opacity:1;transform:none}@media (hover: none){.work-card__play{opacity:1;transform:none;width:40px;height:40px}}.work-card__title{font-size:1.08rem;font-weight:600;margin:14px 0 2px;line-height:1.4}.work-card__meta{color:var(--muted);font-size:.9rem;margin:0}.work-card--skeleton .work-card__media,.skeleton-line{background:linear-gradient(100deg,#0d0d0d 30%,#1a1a1a,#0d0d0d 70%) 0 0 / 300% 100%;animation:shimmer 1.4s infinite linear}.skeleton-line{height:16px;width:70%;border-radius:6px;margin-top:14px}.partners{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.partner{aspect-ratio:4 / 3;border-radius:14px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line)}.partner img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:.3s}.partner:hover img{opacity:1;transform:scale(1.06)}@media (max-width: 480px){.partners{grid-template-columns:repeat(2,1fr)}}.process{list-style:none;padding:0;margin:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));counter-reset:s}.process__step{padding:26px;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line)}.process__num{display:inline-block;font-weight:700;font-size:1.6rem;color:var(--accent-2);margin-bottom:10px}.process__step p{margin:0}.card{padding:26px;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line)}.card h3{font-size:1.15rem}.card p:last-child{margin:0}.quote p{font-size:1.05rem}.quote strong,.quote span{display:block}.cta{text-align:center;padding:clamp(40px,7vw,80px) 20px;border-radius:28px;background:radial-gradient(ellipse at top,rgba(180,58,59,.35),transparent 70%),var(--bg-2);border:1px solid var(--line)}.cta h2{font-size:clamp(1.8rem,4.5vw,3rem)}.page-head{padding-top:calc(var(--nav-h) + clamp(36px,6vw,72px));padding-bottom:clamp(32px,5vw,56px)}.page-head>.container>.section-title{margin-bottom:28px}.tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.tabs--left{justify-content:flex-start;margin-bottom:20px}.tabs a,.tabs button{padding:.55em 1.2em;border-radius:999px;border:1px solid var(--line);background:none;cursor:pointer;font-weight:500;color:var(--muted);transition:.2s}.tabs a:hover,.tabs button:hover{color:#fff;border-color:#ffffff4d}.tabs a.active,.tabs button.active{background:#fff;color:#111;border-color:#fff}.back{color:var(--muted);margin-bottom:18px}.back:hover{color:#fff}.project__title{font-size:clamp(1.8rem,4.5vw,3rem);max-width:900px}.project__player{margin-top:8px}.project__info{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin-top:32px}.project__desc{font-size:1.1rem;white-space:pre-line}.facts{margin:0;display:grid;gap:14px;align-content:start}.facts dt{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.facts dd{margin:0;font-weight:600}@media (max-width: 760px){.project__info{grid-template-columns:1fr}}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(28px,5vw,64px);align-items:center}.about__photo{border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#3a0f12,#0b0b0b 75%);border:1px solid var(--line);aspect-ratio:4 / 5}.about__photo img{width:100%;height:100%;object-fit:cover;object-position:top}.about__text h1{font-size:clamp(2.2rem,5vw,3.5rem)}.about__stats{display:flex;gap:28px;margin:24px 0 8px;flex-wrap:wrap}.about__stats strong{display:block;font-size:2rem;line-height:1.1}.about__stats>div>span{color:var(--muted);font-size:.9rem}@media (max-width: 820px){.about{grid-template-columns:1fr}.about__photo{max-width:420px;width:100%;margin-inline:auto}}.chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.chip{padding:.5em 1.2em;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);font-weight:500}.form{display:grid;gap:16px}.form label{display:grid;gap:6px}.form label span{font-size:.9rem;color:var(--muted)}.form input,.form select,.form textarea{width:100%;padding:.8em 1em;border-radius:12px;border:1px solid var(--line);background:#0a0a0b;transition:border-color .2s}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--accent-2)}.form textarea{resize:vertical}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form__actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 520px){.form__row{grid-template-columns:1fr}.form__actions .btn{flex:1 1 100%}}.contact{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start;max-width:1000px;margin-inline:auto}.contact__direct{display:grid;gap:12px}.contact__item{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:14px;border:1px solid var(--line);background:var(--bg-2);transition:.2s;overflow-wrap:anywhere}.contact__item svg{flex:none;color:var(--accent-2)}.contact__item:hover{border-color:#ffffff4d}@media (max-width: 820px){.contact{grid-template-columns:1fr}}.error{color:#ff8a86;margin:0}.footer{border-top:1px solid var(--line);padding:48px 0 32px}.footer__inner{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.footer__logo{opacity:.85}.footer p{margin:0}.socials{display:flex;gap:10px}.socials a{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--accent-2);transition:.2s}.socials a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.fab{position:fixed;z-index:40;inset:auto 20px 20px auto;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 10px 30px -8px #25d36699;transition:transform .2s}.fab svg{width:28px;height:28px}.fab:hover{transform:scale(1.08)}[dir=rtl] .fab{inset:auto auto 20px 20px}.admin{max-width:900px}.admin__login{max-width:420px;margin-inline:auto}.admin__bar{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.admin__bar h1{margin:0}.admin__bar .btn{margin-inline-start:auto}.admin__list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.admin__list li{display:flex;align-items:center;gap:14px;padding:12px}.admin__list img{width:96px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#000;flex:none}.admin__list li>div{flex:1;min-width:0;display:grid}.admin__list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 560px){.admin__list li{flex-wrap:wrap}.admin__list li>div{flex-basis:calc(100% - 110px)}}code{background:#1c1c1e;padding:.1em .4em;border-radius:6px}
