:root{--cinema-black: #0b0b0d;--dim-panel: #1c1b1f;--projector-white: #eae7e0;--tungsten-amber: #c9922e;--curtain-red: #5a1418;--amber-50: rgba(201, 146, 46, .5);--amber-16: rgba(201, 146, 46, .16);--ink-40: rgba(234, 231, 224, .4);--ink-12: rgba(234, 231, 224, .12);--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--aspect-scope: 2.39;--gutter: clamp(20px, 5vw, 72px);--section-gap: clamp(72px, 14vh, 180px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[dir=rtl]{--font-display: "IBM Plex Sans Arabic", "Fraunces", serif;--font-body: "IBM Plex Sans Arabic", "Inter", system-ui, sans-serif}[dir=rtl] .hero__eyebrow,[dir=rtl] .eyebrow{font-family:"IBM Plex Sans Arabic",var(--font-mono)}html{background:var(--cinema-black)}body{margin:0;min-height:100dvh;background:transparent;color:var(--projector-white);font-family:var(--font-body);font-size:clamp(15px,1vw + 12px,17px);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.eyebrow{display:inline-block;margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--tungsten-amber)}:focus-visible{outline:2px solid var(--tungsten-amber);outline-offset:3px}.sr-only,.reel.has-ring .strip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.topbar{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:clamp(14px,2.4vw,26px) var(--gutter);pointer-events:none}.topbar>*{pointer-events:auto}.topbar__brand{width:clamp(46px,5vw,60px);color:var(--projector-white);opacity:.9;transition:opacity .3s}.topbar__brand:hover{opacity:1}.lang{min-width:2.8em;padding:.5em .9em;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.12em;color:var(--projector-white);background:#14131780;border:1px solid var(--ink-12);border-radius:2px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .25s,border-color .25s}.lang:hover{color:var(--tungsten-amber);border-color:var(--amber-50)}.hero{position:relative;min-height:100dvh;display:grid;place-items:center;overflow:hidden}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__video{width:100%;height:100%;object-fit:cover;opacity:.26;filter:saturate(.85) contrast(1.05)}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(115% 75% at 50% 32%,transparent 0%,var(--cinema-black) 74%),linear-gradient(var(--cinema-black),transparent 35%,transparent 55%,var(--cinema-black))}.hero__glow{position:absolute;z-index:0;width:62vmax;height:62vmax;border-radius:50%;background:radial-gradient(circle,var(--amber-16),transparent 62%);filter:blur(28px);animation:drift 16s ease-in-out infinite alternate}@keyframes drift{to{transform:translate(6%,-7%) scale(1.12)}}.hero__inner{position:relative;z-index:2;display:grid;justify-items:center;gap:clamp(14px,2.4vh,30px);text-align:center;padding-inline:var(--gutter)}.hero__title{display:grid;justify-items:center;gap:clamp(10px,2vh,22px);margin:0}.hero__eyebrow{font-family:var(--font-mono);font-size:clamp(.7rem,1.3vw,1rem);letter-spacing:.6em;text-indent:.6em;color:var(--ink-40)}.hero__logo{position:relative;width:min(74vw,600px);color:var(--projector-white);animation:logofloat 6s ease-in-out infinite}@keyframes logofloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero__logo svg,.hero__logo-img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 50px rgba(201,146,46,.18))}.ylogo{overflow:visible}.ylogo__ring,.ylogo__code,.ylogo__iris,.ylogo__focus{transform-box:fill-box;transform-origin:center}.ylogo__ring{animation:spin 26s linear infinite}.ylogo__code{animation:spin 34s linear infinite reverse}.ylogo__iris{animation:iris 7s ease-in-out infinite}.ylogo__focus{animation:focuspulse 3s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes iris{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(30deg) scale(.88)}}@keyframes focuspulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}.hero__name{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,4vw,2.6rem);line-height:1}.hero__role{margin:0;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-40)}.hero__scroll{position:absolute;bottom:clamp(18px,4vh,42px);left:50%;transform:translate(-50%);z-index:2;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-40);text-decoration:none}.hero__scroll:after{content:"";display:block;width:1px;height:34px;margin:10px auto 0;background:linear-gradient(var(--amber-50),transparent);animation:scrollpulse 2.2s ease-in-out infinite}@keyframes scrollpulse{0%,to{transform:scaleY(.4);opacity:.4;transform-origin:top}50%{transform:scaleY(1);opacity:1;transform-origin:top}}.reel{position:relative;padding-block:var(--section-gap)}.section-head{padding-inline:var(--gutter);margin-bottom:clamp(16px,3vh,36px);max-width:60ch}.section-head__note{margin:.8em 0 0;color:var(--ink-40);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.06em}.ring-stage{position:relative;width:100%;height:clamp(360px,56vh,600px)}.ring-stage:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(42% 42% at 50% 52%,var(--amber-16),transparent 68%),radial-gradient(70% 60% at 50% 120%,rgba(201,146,46,.1),transparent 60%);pointer-events:none}.strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gutter);padding-inline:var(--gutter);list-style:none;margin:0}.frame__stage{display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--dim-panel);border:1px solid var(--ink-12)}.frame__stage img{width:100%;height:100%;object-fit:cover}.frame__label{display:flex;gap:.8em;align-items:baseline;padding-top:.7em}.frame__tc{color:var(--tungsten-amber);font-size:.82rem}.frame__title{margin:0;font-weight:500;font-size:1rem}.info{padding:var(--section-gap) var(--gutter);max-width:960px}.edl{margin:clamp(24px,5vh,48px) 0;border-top:1px solid var(--ink-12)}.edl__row{display:grid;grid-template-columns:minmax(6.5em,auto) 1fr;gap:.6em 1.6em;align-items:baseline;padding:1em 0;border-bottom:1px solid var(--ink-12)}.edl__tc{color:var(--tungsten-amber);font-size:.82rem;direction:ltr;text-align:start}.edl__line{margin:0;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.5}.contact{display:flex;flex-wrap:wrap;align-items:baseline;gap:.8em 2em;margin-top:clamp(24px,5vh,48px)}.contact__email{font-family:var(--font-display);font-weight:500;font-size:clamp(1.6rem,5vw,3rem);text-decoration:none;border-bottom:1px solid var(--ink-12)}.contact__links{display:flex;gap:1.4em;list-style:none;margin:0;padding:0}.contact__links a{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink-40);transition:color .25s}.contact__links a:hover{color:var(--tungsten-amber)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--gutter);background:#060608ed;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay[hidden]{display:none}.overlay__close{position:absolute;top:clamp(12px,3vw,28px);right:clamp(12px,3vw,28px);padding:.6em 1em;background:transparent;color:var(--projector-white);border:1px solid var(--ink-12);border-radius:2px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.overlay__close:hover{border-color:var(--curtain-red);background:var(--curtain-red)}.overlay__scope{width:min(100%,1400px);margin:0}.overlay__video{display:block;width:100%;aspect-ratio:var(--aspect-scope);object-fit:contain;background:#000;border-block:1px solid var(--ink-12)}.overlay__cap{margin-top:.9em;color:var(--tungsten-amber);font-size:.82rem;letter-spacing:.14em}.topbar__links{display:flex;gap:1.6em;font-size:.78rem;letter-spacing:.08em}.topbar__links a{color:var(--ink-40);text-decoration:none;transition:color .25s}.topbar__links a:hover{color:var(--projector-white)}.topbar__actions{display:flex;align-items:center;gap:.7em}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7em 1.3em;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.08em;text-decoration:none;border-radius:3px;cursor:pointer;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s,transform .2s;will-change:transform}.btn--solid{background:var(--projector-white);color:var(--cinema-black)}.btn--solid:hover{background:var(--tungsten-amber)}.btn--ghost{background:#14131780;color:var(--projector-white);border-color:var(--ink-12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn--ghost:hover{border-color:var(--amber-50);color:var(--tungsten-amber)}@media(max-width:720px){.topbar__links{display:none}}.pill{display:inline-flex;align-items:center;gap:.55em;padding:.4em .9em;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40);border:1px solid var(--ink-12);border-radius:999px}.pill__dot{width:7px;height:7px;border-radius:50%;background:#6cd08a;box-shadow:0 0 #6cd08a99;animation:livepulse 2.4s ease-out infinite}@keyframes livepulse{0%{box-shadow:0 0 #6cd08a80}70%,to{box-shadow:0 0 0 8px #6cd08a00}}.hero__roles{margin:0;font-size:clamp(.82rem,1.6vw,1.05rem);letter-spacing:.16em;color:var(--projector-white)}.hero__lead{max-width:44ch;margin:0;color:var(--ink-40);font-size:clamp(.95rem,1.6vw,1.15rem)}.hero__cta{display:flex;flex-wrap:wrap;gap:.8em;justify-content:center;margin-top:clamp(6px,1.5vh,16px)}.tools,.services,.front,.contact-sec{padding:var(--section-gap) var(--gutter);max-width:1180px;margin-inline:auto}.tools>.eyebrow,.services>.eyebrow,.about .eyebrow{margin-bottom:clamp(20px,4vh,44px)}.tools__row{display:flex;flex-wrap:wrap;gap:.7em;list-style:none;margin:0;padding:0}.tool{padding:.55em 1.05em;font-family:var(--font-mono);font-size:.85rem;color:var(--projector-white);border:1px solid var(--ink-12);border-radius:999px;transition:border-color .25s,color .25s}.tool:hover{border-color:var(--amber-50)}.tool--code{color:var(--ink-40)}.services__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink-12)}.service{display:grid;grid-template-columns:auto auto 1fr;align-items:start;gap:1.4em;padding:clamp(22px,4vh,40px) 0;border-bottom:1px solid var(--ink-12);transition:background .3s}.service:hover{background:linear-gradient(90deg,rgba(201,146,46,.05),transparent 60%)}.service__no{color:var(--tungsten-amber);font-size:.82rem;padding-top:.3em}.service__icon{width:34px;color:var(--projector-white)}.service__icon svg{width:100%;height:auto}.service__title{margin:0 0 .3em;font-family:var(--font-display);font-weight:500;font-size:clamp(1.3rem,2.6vw,1.9rem)}.service__desc{margin:0;max-width:60ch;color:var(--ink-40)}.carousel__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5em;margin-bottom:clamp(20px,4vh,40px)}.carousel__nav{display:flex;align-items:center;gap:.7em;flex-shrink:0}.carousel__nav [data-count]{color:var(--ink-40);font-size:.82rem}.round{width:44px;height:44px;border-radius:50%;border:1px solid var(--ink-12);background:transparent;color:var(--projector-white);font-size:1.3rem;line-height:1;cursor:pointer;transition:border-color .25s,background .25s}.round:hover{border-color:var(--amber-50);background:#c9922e1a}.carousel__track{display:flex;gap:clamp(16px,2.4vw,32px);list-style:none;margin:0;padding:0 0 1em;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}.carousel__track::-webkit-scrollbar{display:none}.card{flex:0 0 clamp(280px,62vw,620px);scroll-snap-align:center}.card__img{aspect-ratio:25 / 16;overflow:hidden;border-radius:12px;border:1px solid var(--ink-12);background:var(--dim-panel)}.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card__img img{transform:scale(1.04)}.card__title{margin:.9em 0 .2em;font-family:var(--font-display);font-weight:500;font-size:1.15rem}.card__note{margin:0;color:var(--ink-40);font-family:var(--font-mono);font-size:.8rem}.about{padding:var(--section-gap) var(--gutter);max-width:1180px;margin-inline:auto}.about__grid{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:clamp(28px,5vw,72px);align-items:start}.about__portrait{width:100%;border-radius:12px;border:1px solid var(--ink-12);filter:grayscale(.3) contrast(1.05)}.about .edl{margin-top:clamp(18px,3vh,32px)}@media(max-width:760px){.about__grid{grid-template-columns:1fr}.about__portrait{max-width:300px}}.shutter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#fff;opacity:0;pointer-events:none}.shutter.is-flash{animation:shutter .34s ease-out}@keyframes shutter{0%{opacity:0}12%{opacity:.85}to{opacity:0}}.filmcut{max-width:1180px;margin-inline:auto;padding:clamp(24px,6vh,72px) var(--gutter);overflow:hidden}.filmcut svg{width:100%;height:auto}.cut-line{transform-box:fill-box;transform-origin:50% 0%}.contact-sec__lead{max-width:40ch;margin:.8em 0 clamp(28px,5vh,52px);font-family:var(--font-display);font-size:clamp(1.4rem,3.4vw,2.4rem);line-height:1.25}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:grid;place-items:center;gap:clamp(20px,5vh,48px);background:var(--cinema-black);align-content:center}.preloader__logo{width:min(70vw,460px);color:var(--projector-white)}.preloader__logo svg{width:100%;height:auto}.preloader__count{font-size:clamp(1.4rem,5vw,2.6rem);color:var(--ink-40);letter-spacing:.12em}.preloader__pct{color:var(--tungsten-amber);margin-inline-start:.15em;font-size:.6em}.tc-indicator{position:fixed;bottom:clamp(14px,3vh,28px);right:clamp(14px,3vw,28px);z-index:40;display:flex;align-items:center;gap:.5em;font-size:.75rem;letter-spacing:.14em;color:var(--ink-40);pointer-events:none}[dir=rtl] .tc-indicator{right:auto;left:clamp(14px,3vw,28px)}.tc-rec{width:8px;height:8px;border-radius:50%;background:#d84b3f;animation:recblink 1.4s steps(1) infinite}@keyframes recblink{50%{opacity:.2}}.marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.marquee .tools__row{flex-wrap:nowrap;width:max-content;animation:marquee 34s linear infinite}.marquee:hover .tools__row{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.sc{display:inline-block;overflow:hidden;vertical-align:top}.sc__i{display:inline-block;will-change:transform}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}