:root{--bg:#08090b;--surface:#111419;--surface-2:#191e24;--ink:#f2efe8;--dim:#a8adb3;--faint:#727982;--line:#2a3037;--accent:#d4934a;--accent-strong:#f0b56a;--accent-ink:#17110a;--danger:#d96b61;--accent-text:var(--accent);--btn-invert-bg:var(--ink);--btn-invert-text:var(--bg);--radius:3px;--font-display:"Anton", "Arial Narrow", sans-serif;--font-display-ar:"Changa", "Anton", sans-serif;--font-body:"General Sans", system-ui, sans-serif;--font-body-ar:"Cairo", "General Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--ease-out:cubic-bezier(.16,1,.3,1);--ease-snap:cubic-bezier(.2,1.4,.4,1);--page-margin:clamp(20px, 5vw, 64px);--nav-height:84px}::selection{background:var(--accent);color:var(--accent-ink)}[data-theme=sanaa]{color-scheme:light;--s-teal:#2f6b6b;--s-teal-deep:#245656;--s-chip:#80c0c0;--s-beige:#e8d7c6;--s-blue:#c8dde5;--s-white:#faf4eb;--s-ink:#1c2b2b;--s-radius:14px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{height:100%}img,picture,video,iframe{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}ul{list-style:none}input,textarea,select{font:inherit}html{background:var(--bg);color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:clamp(1rem,1.1vw,1.125rem);line-height:1.6;position:relative;overflow-x:hidden}:lang(ar){font-family:var(--font-body-ar);font-size:1.05em;line-height:1.8}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-weight:400;line-height:.85}:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{font-family:var(--font-display-ar);text-transform:none;letter-spacing:0;font-weight:700;line-height:1.15}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--dim);font-size:.75rem;font-weight:500}:lang(ar) .mono:not(.bdi){font-family:var(--font-body-ar);text-transform:none;letter-spacing:0;font-weight:500}.bdi{direction:ltr;unicode-bidi:isolate;display:inline-block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:1px}.btn{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius);border:1px solid var(--ink);min-height:48px;transition:background .25s var(--ease-out), color .25s var(--ease-out), border-color .25s var(--ease-out), transform .15s var(--ease-snap);align-items:center;gap:.5em;padding:1.1em 1.85em;font-size:.75rem;display:inline-flex;position:relative}:lang(ar) .btn{font-family:var(--font-body-ar);text-transform:none;letter-spacing:0}.btn__icon{flex:none;width:.85em;height:.85em}.btn--ghost{color:var(--ink);background:0 0}.btn--ghost:hover{background:var(--btn-invert-bg);color:var(--btn-invert-text);border-color:var(--btn-invert-bg)}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn--link{min-height:auto;color:var(--ink);border:none;border-bottom:1px solid var(--accent);padding:.25em 0}.btn--link:hover{color:var(--accent-strong)}.btn--mail{border:1px solid var(--ink);color:var(--ink);padding:1.4em 2.25em;font-size:clamp(.75rem,1.4vw,1rem)}.btn--mail:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.filmstrip{background:var(--line);height:1px}@media (pointer:fine){html{cursor:url(/cursor.png) 1 1,auto}a,button,[role=button],.btn,.reel-arrow,.nav__hamburger,.card__media,.reel-card__inner{cursor:url(/cursor.png) 1 1,pointer}}.letterbox{z-index:9997;background:#000;width:100%;height:50vh;position:fixed;left:0}.letterbox--top{top:0}.letterbox--bottom{bottom:0}@media (prefers-reduced-motion:reduce){.letterbox{display:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.nav{z-index:500;height:var(--nav-height);padding:0 var(--page-margin);color:var(--ink);transition:color .3s var(--ease-out);background:0 0;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav:before{content:"";pointer-events:none;z-index:-1;height:220%;transition:opacity .3s var(--ease-out);background:linear-gradient(#08090be0 0%,#08090bb8 26%,#08090b73 46%,#08090b33 66%,#08090b0f 84%,#08090b00 100%);position:absolute;inset-block-start:0;inset-inline:0}.nav.is-scrolled{background:var(--bg)}.nav.is-scrolled:before{opacity:0}.nav__wordmark{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;transition:color .2s var(--ease-out);font-size:18px}.nav__wordmark:hover{color:var(--accent)}:lang(ar) .nav__wordmark{font-family:var(--font-display-ar);font-weight:700}.nav__wordmark--mark{flex:none;align-items:center;display:flex}.nav__wordmark--mark img{width:auto;height:clamp(30px,3.6vw,44px);transition:opacity .2s var(--ease-out);display:block}.nav__wordmark--mark:hover img{opacity:.75}.nav__links{font-family:var(--font-mono);letter-spacing:.06em;align-items:center;gap:1.75em;font-size:.8125rem;font-weight:500;display:flex}:lang(ar) .nav__links{font-family:var(--font-body-ar);letter-spacing:0;font-size:.9375rem}.nav__links a{color:var(--ink);transition:color .2s var(--ease-out);padding:.35em 0;position:relative}.nav__links a:hover{color:var(--accent-strong)}.nav__links a[aria-current=page]{color:var(--accent);text-underline-offset:7px;text-decoration:underline 1px}.nav__lang{font-family:var(--font-mono);letter-spacing:.06em;color:var(--faint);align-items:center;gap:.4em;font-size:.8125rem;font-weight:500;display:flex}.nav__lang a{color:var(--dim);transition:color .2s var(--ease-out);padding:.35em .15em}.nav__lang a:hover{color:var(--accent-strong)}.nav__lang a.is-active{color:var(--accent)}.nav__hamburger{flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;display:none}.nav__hamburger span{background:var(--ink);width:20px;height:2px;transition:transform .3s var(--ease-out), opacity .3s var(--ease-out);display:block}.nav__hamburger.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.nav__hamburger.is-open span:nth-child(2){opacity:0}.nav__hamburger.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{z-index:400;background:var(--bg);padding:0 var(--page-margin);opacity:0;pointer-events:none;transition:transform .4s var(--ease-snap), opacity .3s var(--ease-out);flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.mobile-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu a{font-family:var(--font-display);text-transform:uppercase;color:var(--ink);transition:color .2s var(--ease-out);font-size:clamp(2.75rem,11vw,4.5rem)}.mobile-menu a:hover,.mobile-menu a[aria-current=page]{color:var(--accent)}:lang(ar) .mobile-menu a{font-family:var(--font-display-ar);text-transform:none}.bracket{opacity:0;width:22px;height:22px;transition:opacity .3s var(--ease-out), transform .3s var(--ease-snap);pointer-events:none;position:absolute}.bracket--tl{top:8px;border-top:1px solid var(--ink);border-inline-start:1px solid var(--ink);inset-inline-start:8px;transform:translate(6px,6px)}.bracket--tr{top:8px;border-top:1px solid var(--ink);border-inline-end:1px solid var(--ink);inset-inline-end:8px;transform:translate(-6px,6px)}.bracket--bl{bottom:8px;border-bottom:1px solid var(--ink);border-inline-start:1px solid var(--ink);inset-inline-start:8px;transform:translate(6px,-6px)}.bracket--br{bottom:8px;border-bottom:1px solid var(--ink);border-inline-end:1px solid var(--ink);inset-inline-end:8px;transform:translate(-6px,-6px)}.card:hover .bracket,.viewfinder .bracket{opacity:1;transform:translate(0)}.card{transition:opacity .35s var(--ease-out);flex-direction:column;gap:.85rem;display:flex;position:relative}.card__media{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:border-color .3s var(--ease-out);position:relative;overflow:hidden}.card:hover .card__media,.card__media:focus-visible{border-color:var(--accent)}.card__media:not(.is-loaded):after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff0f 50%,#0000 70%) 0 0/200% 100%;animation:1.6s ease-in-out infinite card-shimmer;position:absolute;inset:0}@keyframes card-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.card__media:not(.is-loaded):after{animation:none}}.card__media img{object-fit:cover;opacity:0;filter:saturate(.72)brightness(.82);width:100%;height:100%;transition:opacity .4s var(--ease-out), filter .4s var(--ease-out)}.card__media.is-loaded img{opacity:1}.card:hover .card__media img,.card__media:focus-visible img{filter:saturate()brightness()}@media (prefers-reduced-motion:reduce){.card__media img{transition:opacity .4s var(--ease-out)}}.card__media iframe{border:0;width:100%;height:100%}.card__media.is-playing img,.card__media.is-playing .play-glyph{display:none}.card__meta{flex-wrap:wrap;align-items:baseline;gap:.75em;display:flex}.card__title{font-family:var(--font-body);color:var(--ink);text-wrap:pretty;flex:1;font-size:1rem;font-weight:600;line-height:1.45}:lang(ar) .card__title{font-family:var(--font-body-ar)}.card__watch{font-family:var(--font-mono);letter-spacing:.14em;color:var(--faint);transition:color .2s var(--ease-out);align-self:flex-start;font-size:.6875rem}.card__watch:hover{color:var(--accent)}:lang(ar) .card__watch{font-family:var(--font-body-ar);letter-spacing:0}.play-glyph{z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-glyph__circle{background:var(--ink);width:60px;height:60px;color:var(--bg);transition:background .25s var(--ease-out), color .25s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex}.play-glyph__circle svg{width:20px;height:20px;margin-inline-start:3px}.card__media:hover .play-glyph__circle{background:var(--accent);color:var(--accent-ink)}.reel-card{scroll-snap-align:start;flex:0 0 min(328px,78vw)}.reel-card__media{aspect-ratio:9/16;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color .3s var(--ease-out);padding:6px;position:relative;overflow:hidden}.reel-card:hover .reel-card__media{border-color:var(--ink)}.reel-card__inner{background:var(--bg);border-radius:1px;width:100%;height:100%;position:relative;overflow:hidden}.reel-card__crop{position:absolute;inset:0;overflow:hidden}.reel-card__crop iframe{transform-origin:50% 0;border:0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.58)translateY(-70px)}.reel-card__watch{text-align:center;margin-top:.75rem;display:block}.reels-wrap{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.reel-arrow{border:1px solid var(--line);width:44px;height:44px;color:var(--dim);transition:color .2s var(--ease-out), border-color .2s var(--ease-out);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.reel-arrow svg{width:20px;height:20px}.reel-arrow:hover{color:var(--ink);border-color:var(--ink)}html[dir=rtl] .reel-arrow svg{transform:scaleX(-1)}.reels-progress{text-align:end;color:var(--faint);margin-top:1rem}.reels-rail-outer{flex:1;min-width:0;position:relative}.reels-rail-outer:after{content:"";top:0;bottom:4px;background:linear-gradient(to right, transparent, var(--bg));pointer-events:none;width:min(72px,12vw);position:absolute;inset-inline-end:0}[dir=rtl] .reels-rail-outer:after{background:linear-gradient(to left, transparent, var(--bg))}.reels-rail{scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:var(--page-margin);gap:24px;padding-bottom:4px;display:flex;overflow-x:auto}.reels-rail::-webkit-scrollbar{display:none}.reels-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.field{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.field label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:.6875rem}:lang(ar) .field label{font-family:var(--font-body-ar);text-transform:none;letter-spacing:0}.field input,.field select,.field textarea{border:0;border-bottom:1px solid var(--line);color:var(--ink);transition:border-color .2s var(--ease-out);background:0 0;padding:.75em 0;font-size:1rem}.field select{color-scheme:dark;cursor:pointer;padding-inline-end:1.5em}.field select option{background:var(--surface);color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}.field textarea{resize:vertical;min-height:120px}.form-status{font-family:var(--font-mono);letter-spacing:.08em;margin-top:1rem;font-size:.8125rem}.form-status--success{color:var(--accent)}.form-status--error{color:var(--danger)}html[dir=rtl]{text-align:right}html[dir=rtl] .mono,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .nav__wordmark,html[dir=rtl] .chip,html[dir=rtl] .btn{letter-spacing:0!important}html[dir=rtl] .work-grid{direction:rtl}html[dir=rtl] .trust__row{animation-direction:reverse}html[dir=rtl] .gateway{flex-direction:row-reverse}html[dir=rtl] .field select{background-position:.25rem}