/* Arabic glyphs only (IBM Plex Sans Arabic): keeps Arabic text out of Arial wherever the Latin stack is used */
@font-face{font-family:'Kilan Arabic';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansarabic/v15/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YOW_uCRXMR5Kw.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E}
@font-face{font-family:'Kilan Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansarabic/v15/Qw3CZRtWPQCuHme67tEYUIx3Kh0PHR9N6Ys43PWrfQ.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E}
@font-face{font-family:'Kilan Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansarabic/v15/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPO_-CRXMR5Kw.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E}
@font-face{font-family:'Kilan Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansarabic/v15/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YOG-eCRXMR5Kw.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E}

:root{--bg:#E2E2D9;--ink:#0a0a0a;--or:#FF5719;--mut:rgba(10,10,10,.56);--ln:rgba(10,10,10,.3);--f:'Kilan Arabic','Helvetica Neue',Helvetica,Arial,'IBM Plex Sans Arabic',sans-serif;--s:'Pinyon Script','Snell Roundhand',cursive;--a:'Kilan Arabic','IBM Plex Sans Arabic','Helvetica Neue',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;padding-top:env(safe-area-inset-top,0)}
body{background:var(--bg);color:var(--ink);font:400 14px/1.45 var(--f);text-transform:uppercase;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;text-transform:inherit}
img{display:block;max-width:100%}.w{padding:0 24px}.sm{font-size:11px;letter-spacing:.02em}.mut{color:var(--mut)}.sc{font-family:var(--s);text-transform:none;font-size:24px}
h2{font:800 clamp(34px,7vw,92px)/.95 var(--f);font-stretch:112%;letter-spacing:-.02em}h2 i{font-style:normal;color:var(--or)}
#pre{position:fixed;inset:0;background:var(--or);z-index:99;display:flex;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .9s cubic-bezier(.7,0,.2,1)}
#pre b{font:800 clamp(80px,22vw,300px)/.8 var(--f);font-stretch:125%}#pre.x{transform:translateY(-101%)}
#wipe{position:fixed;inset:0;background:var(--or);z-index:98;pointer-events:none;clip-path:inset(100% 0 0 0)}#wipe.go{animation:wp 1.1s cubic-bezier(.7,0,.2,1)}
@keyframes wp{0%{clip-path:inset(100% 0 0 0)}45%,55%{clip-path:inset(0)}100%{clip-path:inset(0 0 100% 0)}}
#cur{position:fixed;left:0;top:0;z-index:90;pointer-events:none;width:12px;height:12px;margin:-6px;border-radius:50%;background:var(--or);display:grid;place-items:center;transition:width .25s,height .25s,margin .25s}
#cur span{font-size:10px;font-weight:700;opacity:0;color:var(--ink)}#cur.b{width:86px;height:86px;margin:-43px}#cur.b span{opacity:1}
@media(hover:none){#cur{display:none}}
header{position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 24px;mix-blend-mode:difference;color:#e9e9e0}
header nav{display:flex;gap:22px}header a{font-weight:700;font-size:11px}#clk{font-size:11px}@media(max-width:700px){#clk,header nav a:nth-child(n+3){display:none}}
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:24px}
.hm{display:flex;justify-content:space-between;gap:12px;padding:0 24px 18px;font-size:11px}
.wm{font:800 clamp(52px,17.5vw,330px)/.82 var(--f);font-stretch:125%;letter-spacing:-.04em;padding:0 16px;overflow:hidden;white-space:nowrap}
.wm span{display:inline-block;transform:translateY(105%);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.wm .ar{font:700 .8em/1 var(--a);letter-spacing:0;color:var(--or);margin:0 .12em}
.wm span:nth-child(2){transition-delay:.08s}.wm span:nth-child(3){transition-delay:.16s}.wm span:nth-child(4){transition-delay:.24s}.rd .wm span{transform:none}
.tick{border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);overflow:hidden;white-space:nowrap;padding:12px 0;margin-top:18px}
#tk{display:inline-flex;will-change:transform}#tk span{font-weight:700;font-size:13px;padding-right:44px}#tk em{font-style:normal;color:var(--or);padding-right:44px}
section{padding:110px 24px 0}.hd{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px;flex-wrap:wrap}
.fl{display:flex;gap:8px;flex-wrap:wrap}.fl button{border:1px solid var(--ink);background:none;border-radius:99px;padding:7px 14px;font-size:11px;font-weight:700;cursor:pointer;transition:.25s}.fl button.on,.fl button:hover{background:var(--ink);color:var(--bg)}
.gr{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 16px}@media(max-width:900px){.gr{grid-template-columns:1fr 1fr}}@media(max-width:560px){.gr{grid-template-columns:1fr}}
.cd{display:block;transition:opacity .3s,transform .3s}.cd.off{opacity:0;transform:scale(.95)}.cd.hid{display:none}
.im{overflow:hidden;background:#c9c9c0;clip-path:inset(100% 0 0 0);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1);aspect-ratio:4/3.1}.im img{width:100%;height:100%;object-fit:cover;transform:scale(1.25);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.in .im,.im.in{clip-path:inset(0)}.in .im img,.im.in img{transform:none}.cd:hover .im img{transform:scale(1.06)}
.cd h3{font:800 20px/1 var(--f);font-stretch:108%;margin:12px 0 4px}.cd p{font-size:12px}.cd small{display:block;margin-top:6px;color:var(--mut);font-size:11px}
.rv{opacity:0;transform:translateY(34px);transition:opacity .9s,transform .9s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
.sl{overflow:hidden;cursor:grab;touch-action:pan-y}.sl:active{cursor:grabbing}#st{display:flex;gap:16px;will-change:transform;user-select:none}
#st a{flex:0 0 min(78vw,640px)}#st .im{aspect-ratio:16/11;clip-path:none}#st img{transform:none;pointer-events:none;-webkit-user-drag:none}
.pg{height:2px;background:var(--ln);margin-top:24px;position:relative}.pg i{position:absolute;left:0;top:0;bottom:0;background:var(--or);width:10%}
.rw{display:grid;grid-template-columns:70px 1fr 1.4fr;gap:16px;align-items:start;padding:20px 0;border-top:1px solid var(--ln);transition:padding .4s,background .3s,color .3s}
.rw:last-child{border-bottom:1px solid var(--ln)}.rw:hover{padding-left:16px;background:var(--or)}.rw b{font:800 clamp(20px,3.2vw,40px)/1 var(--f);font-stretch:110%}.rw span{font-size:12px}
@media(max-width:700px){.rw{display:block}.rw span:first-child{display:block;margin-bottom:6px}.rw b{display:block;margin-bottom:8px}.rw:hover{padding-left:0}.pr div{margin-left:0!important}}
.st{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:60px}@media(max-width:700px){.st{grid-template-columns:1fr 1fr}}.st b{display:block;font:300 clamp(44px,7vw,110px)/1 var(--f);font-stretch:90%}
.pr div{display:grid;grid-template-columns:40px 110px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--ln)}.pr b{font-weight:800}
form{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:700px){form{grid-template-columns:1fr}}.fw{grid-column:1/-1}
label{font-size:11px;font-weight:700;display:block;margin-bottom:4px}input,select,textarea{width:100%;background:none;border:0;border-bottom:1px solid var(--ink);padding:10px 0;outline:0;border-radius:0}input:focus,select:focus,textarea:focus{border-color:var(--or)}
.ch{display:flex;gap:8px;flex-wrap:wrap}.ch button{border:1px solid var(--ink);background:none;border-radius:99px;padding:9px 16px;font-weight:700;font-size:11px;cursor:pointer}.ch button.on{background:var(--or);border-color:var(--or)}
.bt{background:var(--ink);color:var(--bg);border:0;border-radius:99px;padding:14px 28px;font-weight:700;cursor:pointer;transition:.3s}.bt:hover{background:var(--or);color:var(--ink)}.bt.g{background:none;color:var(--ink);border:1px solid var(--ink)}
.or{background:var(--or);margin:110px 24px 0;padding:24px;min-height:34vh;display:flex;flex-direction:column;justify-content:space-between}.or b{font:800 clamp(32px,7vw,100px)/.95 var(--f);font-stretch:110%}
footer{padding:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px}
#proj,#studio{display:none;padding-top:90px}.ph{display:grid;grid-template-columns:1fr 2fr;gap:24px}@media(max-width:800px){.ph{grid-template-columns:1fr}}
.mt{display:grid;gap:14px;align-content:start}.mt b{display:block;font-size:11px}.tx{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:50px 0}@media(max-width:800px){.tx{grid-template-columns:1fr}}.tx p{text-transform:none;font-size:15px;margin-top:8px}
.ga{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ga .im{aspect-ratio:16/10}.ga>div:first-child{grid-column:1/-1}@media(max-width:700px){.ga{grid-template-columns:1fr}}
.nx{display:block;margin-top:90px;border-top:1px solid var(--ln);padding-top:24px}.nx b{display:block;font:800 clamp(40px,10vw,150px)/.9 var(--f);font-stretch:118%;transition:color .3s}.nx:hover b{color:var(--or)}
.sd{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:start;padding-bottom:110px}@media(max-width:900px){.sd{grid-template-columns:1fr}}
.pl{display:grid;gap:8px}.pi{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;border:1px solid var(--ln);padding:6px;cursor:pointer}.pi.on{border-color:var(--ink);background:#d6d6cc}.pi img{width:54px;height:40px;object-fit:cover}.pi button{border:0;background:none;cursor:pointer;font-size:14px}
.ed{background:#d6d6cc;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:700px){.ed{grid-template-columns:1fr}}.ed textarea{min-height:90px;text-transform:none}.ed input,.ed textarea{text-transform:none}
.th{display:flex;gap:8px;flex-wrap:wrap}.th div{position:relative}.th img{height:64px;width:90px;object-fit:cover}.th button{position:absolute;top:2px;right:2px;border:0;background:var(--ink);color:#fff;width:18px;height:18px;border-radius:50%;cursor:pointer;font-size:11px}
.bar{position:fixed;left:0;right:0;bottom:env(safe-area-inset-bottom,0);z-index:60;background:var(--ink);color:var(--bg);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;transform:translateY(110%);transition:transform .4s}.bar.on{transform:none}.bar .bt{background:var(--or);color:var(--ink)}
#toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:99px;z-index:97;font-size:11px;opacity:0;transition:.3s;pointer-events:none;text-align:center}#toast.on{opacity:1}
:focus-visible{outline:2px solid var(--or);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.im{clip-path:none}.im img{transform:none}.wm span{transform:none}}

.wm{padding:0 24px}.wm svg{width:100%;height:auto;display:block;fill:var(--ink);transform:translateY(105%);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.rd .wm svg{transform:none}
body.gt{overflow:hidden}body.gt #cur{display:none}
#gate{position:fixed;inset:0;z-index:99;background:#150703;overflow:hidden;cursor:none;transition:transform 1.1s cubic-bezier(.7,0,.2,1)}#gate.x{transform:translateY(-101%)}
.gbg,#gv,#gs,#gs i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gbg:after{content:'';position:absolute;inset:0;background:rgba(10,3,0,.4)}
#gs i{background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity 1.6s}#gs i.on{opacity:.8;animation:kb 9s linear forwards}@keyframes kb{to{transform:scale(1.2)}}
#rb{position:absolute;inset:0;width:100%;height:100%}#ri{position:absolute;left:0;top:0;display:flex;width:max-content;color:#0a0a0a;will-change:transform}
.ri{display:flex;align-items:center;gap:56px;padding-right:56px;height:64px;white-space:nowrap}.ri svg{height:30px;width:auto;fill:#0a0a0a;display:block}.ri span{font-size:11px;line-height:1.3;font-weight:600;display:block}.ri b{font-weight:800}
#enter{position:fixed;left:0;top:0;z-index:100;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.14);backdrop-filter:blur(6px);color:#fff;border-radius:99px;padding:8px 16px;cursor:pointer;will-change:transform}
.gn{position:absolute;left:24px;bottom:calc(20px + env(safe-area-inset-bottom,0px));color:rgba(255,255,255,.6)}
@media(prefers-reduced-motion:reduce){.wm svg{transform:none}}

html,body{overflow-x:hidden;max-width:100%}@supports(overflow:clip){html,body{overflow-x:clip}}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lgs{width:100%;height:auto;aspect-ratio:776/144;display:block;fill:var(--ink)}.wm{overflow:hidden}
.ri svg{width:162px;height:30px;aspect-ratio:auto}
header{mix-blend-mode:normal;color:var(--ink);background:rgba(226,226,217,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ln)}
.hero{min-height:0;justify-content:flex-start;padding:calc(84px + env(safe-area-inset-top,0px)) 0 0}
.hm{flex-wrap:wrap;align-items:flex-start;padding-bottom:22px}.hm span:nth-child(2){text-align:center}
section{padding-top:72px}.or{margin-left:24px;margin-right:24px}.or b,h2,.nx b{overflow-wrap:anywhere}.or b{font-size:clamp(20px,6.4vw,100px)}
@media(max-width:700px){.hm span:nth-child(2){display:none}.hm{align-items:center}}
@media(min-width:900px){.hero{min-height:82svh;justify-content:flex-end;padding-top:0}section{padding-top:110px}}

#wipe.go2{animation:wp 1.1s cubic-bezier(.7,0,.2,1) -.55s both}fieldset{border:0;padding:0}.ch label{display:inline-block;margin:0;border:1px solid var(--ink);border-radius:99px;padding:9px 16px;font-weight:700;font-size:11px;cursor:pointer}.ch label input{position:absolute;opacity:0;width:0}.ch label:has(input:checked){background:var(--or);border-color:var(--or)}
.sk{position:absolute;left:12px;top:-100px}.sk:focus{top:12px;z-index:200;background:var(--ink);color:var(--bg);padding:8px 12px}
.ar,.ar *{text-transform:none}.ar h1,.ar h2,.ar p,.ar label,.ar input,.ar textarea,.ar .bt,.ar .rw span,.ar .rw b,.ar .pr b{font-family:var(--a);letter-spacing:0;font-stretch:100%}.ar .cd *{font-family:var(--f);text-transform:uppercase}
.ah{font:700 clamp(30px,6vw,76px)/1.25 var(--a);max-width:1000px}.lede{max-width:760px;padding:28px 24px 0;font-size:15px;line-height:1.6;text-transform:none}
header nav a:last-child{display:inline!important}
#gate{background:#FF5719}.gbg{visibility:hidden}#ri{opacity:0}#enter{opacity:0;transition:opacity .4s}
#il{position:absolute;left:50%;top:47%;width:min(46vw,560px);transform:translate(-50%,-50%);z-index:2;pointer-events:none}#il svg{width:100%;height:auto;display:block;fill:#0a0a0a;clip-path:inset(0 100% 0 0)}
.gn{opacity:0;animation:gi .5s 3s forwards}@keyframes gi{to{opacity:1}}@media(prefers-reduced-motion:reduce){.gn{opacity:1}}

header{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline}header nav{justify-self:end}#clk{text-align:center;justify-self:center}
.cl{width:100%;height:auto;display:block;mix-blend-mode:multiply}.dc{flex-basis:100%;max-width:80ch;color:var(--mut);text-transform:none;font-size:11px;margin-top:8px}.ab{max-width:760px;font-size:17px;line-height:1.55;text-transform:none}

#il{animation:sh .65s 1.9s cubic-bezier(.65,0,.35,1) forwards,fo .25s 2.7s forwards}#il svg{animation:lr .9s .5s steps(14) forwards}
@keyframes lr{to{clip-path:inset(0)}}@keyframes sh{to{width:162px}}@keyframes fo{to{opacity:0}}@media(prefers-reduced-motion:reduce){#il{display:none}}
.skip #gate{display:none}

.gbg{background:#150703}
header{align-items:center}header nav{display:flex;align-items:center;gap:22px}header>a{display:flex;align-items:center}
#tm{background:none;border:1px solid currentColor;color:inherit;border-radius:99px;width:28px;height:28px;cursor:pointer;display:grid;place-items:center;font-size:13px;line-height:1;padding:0}
.lgs,header svg,#il svg,.ri svg{overflow:visible}@keyframes lr{to{clip-path:inset(-10% -10% -10% -10%)}}
:root.dark{--bg:#141412;--ink:#ECECE3;--mut:rgba(236,236,227,.6);--ln:rgba(236,236,227,.3);color-scheme:dark}
.dark header{background:rgba(20,20,18,.92)}.dark .hm img,.dark .cl{filter:invert(1)}.cl{mix-blend-mode:normal}
.rw:hover,.or,.ch label:has(input:checked),.ch button.on{color:#0a0a0a}.dark .bt:hover{color:#0a0a0a}.dark .pi.on,.dark .ed{background:#26261f}

header>a{grid-column:1}#clk{grid-column:2}header nav{grid-column:3;justify-self:end}#tm svg{width:14px;height:14px;display:block}
#il svg{animation:lr .9s .5s steps(14) forwards,nc 0s 1.4s forwards}@keyframes nc{from{clip-path:none}to{clip-path:none}}

.sc{font:700 13px var(--f);text-transform:none}.or{min-height:200px}.or b{font-size:clamp(18px,3.4vw,44px);font-weight:700}
.ar .cd h3,.ar .cd small{font-family:var(--f);text-transform:uppercase}.ar .cd p{font-family:var(--a);text-transform:none;font-size:14px}.ar .tx p{font-family:var(--a);line-height:1.8}
.or b.em{font-size:clamp(15px,2vw,26px)}h3.sm .mut{font-weight:400}
.ar .sl,.ar #cn{direction:ltr}.ar .sl h3{direction:rtl;text-align:right}