@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains/Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains/Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains/Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains/SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains/Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains/BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}:root{--bg:#0d0f13;--bg-raised:#12141a;--bg-deep:#090a0d;--text-primary:#f2f2f2;--text-secondary:#b0b0b0;--text-tertiary:#8a8a93;--text-link-hover:#fff;--accent:#e6dfd2;--accent-dim:#e6dfd273;--font-display:"IBM Plex Sans Arabic", "Georgia", "Amiri", serif;--font-text:"IBM Plex Sans Arabic", "Georgia", "Amiri", serif;--measure:590px;--space:clamp(1.5rem, 4vw, 3rem)}html[lang=en]{--font-display:"JetBrains Mono", "Georgia", "Amiri", serif;--font-text:"JetBrains Mono", "Georgia", "Amiri", serif}*{box-sizing:border-box}::selection{background:var(--accent);color:var(--bg)}html{background:var(--bg-deep);color-scheme:dark;scrollbar-gutter:stable}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;min-height:100svh;margin:0;font-size:1.0625rem;line-height:1.8;display:flex}.bg{z-index:0;pointer-events:none;background:radial-gradient(120% 120% at 50% 40%, var(--bg-raised) 0%, var(--bg) 45%, var(--bg-deep) 100%);position:fixed;inset:0;overflow:hidden}.bg-noise{opacity:.16;background:url(/noise.svg) 0 0/256px 256px;position:absolute;inset:0;-webkit-transform:translate(0,0)}.bg-traces{opacity:.05;background:url(/traces.svg) 0 0/480px 480px;position:absolute;inset:0;mask-image:radial-gradient(75% 75%,#0000 30%,#000 85%)}.seq-title,.seq-sub,.seq-bio{opacity:0;animation:.6s forwards seqFadeUp}.seq-sub{animation-delay:.5s}.seq-bio{animation-delay:1s}@keyframes seqFadeUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.hero-name{font-family:"Rakkas", var(--font-display);letter-spacing:0;color:var(--accent);margin-bottom:2.4rem}.glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 8%, transparent) 0%, color-mix(in srgb, var(--accent) 3%, transparent) 40%, transparent 70%);filter:blur(30px);pointer-events:none;z-index:1;border-radius:50%;width:min(72vw,880px);position:absolute;top:18%;left:50%;translate:-50%}html.js .reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(.5rem)}html.js .reveal.revealed{opacity:1;transform:none}html.js .stagger{opacity:0}html.js .stagger.stagger-in{animation:.6s forwards seqFadeUp}a{color:var(--text-secondary);text-underline-offset:3px;text-decoration:underline #b0b0b04d;transition:color .15s,text-decoration-color .15s}a:hover,a:focus-visible{color:var(--text-link-hover);text-decoration-color:var(--accent-dim)}:focus-visible{outline:1px solid var(--accent-dim);outline-offset:4px}main{padding:var(--space) 1.5rem;z-index:2;flex:1;justify-content:center;align-items:center;display:flex;position:relative}main.top-aligned{align-items:flex-start;padding-top:clamp(2.5rem,8vw,5rem)}.content{max-width:var(--measure);width:100%;margin:0 auto}h1{font-family:"Rakkas", var(--font-display);letter-spacing:.01em;margin:0 0 2.1rem;font-size:clamp(3.15rem,5.4vw,4.95rem);font-weight:400;line-height:1.25}h2{font-family:var(--font-display);letter-spacing:.01em;margin:0 0 .5rem;font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:400;line-height:1.4}.subtitle{margin-top:0;margin-bottom:.65rem}.bio{color:var(--text-primary);text-align:center;margin-top:1.9rem;font-size:clamp(1.1rem,2.4vw,1.35rem);line-height:1.9}.back-link{align-items:center;gap:.25rem;margin:0 0 1.5rem;font-size:.9375rem;display:inline-flex}.back-link a{color:var(--text-secondary)}.back-link a:hover,.back-link a:focus-visible{color:var(--text-link-hover)}.work-year-group{margin:0 0 2.25rem}.work-year-group:last-child{margin-bottom:0}.work-year-group h2{color:var(--text-tertiary)}.work-list{margin:0;padding:0;list-style:none}.work-item{justify-content:space-between;align-items:baseline;margin:0 0 1rem;transition:padding-inline-start .2s;display:flex}.work-item:hover{padding-inline-start:.4rem}.work-item:last-child{margin-bottom:0}.work-title{color:var(--text-secondary);align-items:center;font-weight:400;display:inline-flex}.work-title:before{content:"→";white-space:nowrap;opacity:0;width:0;transition:width .2s,opacity .2s,margin-inline-end .2s;display:inline-block;overflow:hidden}html[dir=rtl] .work-title:before{content:"←"}.work-title:hover:before,.work-title:focus-visible:before,.work-item:hover .work-title:before{opacity:1;width:1.4em;margin-inline-end:.35em}.work-title:hover,.work-title:focus-visible{color:var(--text-link-hover)}.work-date{color:var(--text-tertiary);white-space:nowrap;font-size:.9375rem}.project-date{color:var(--text-tertiary);margin:0 0 2rem;font-size:.9375rem}.project-content{margin:0}.project-content h1,.project-content h2,.project-content h3{font-family:var(--font-display);margin-top:2rem;margin-bottom:1rem;font-weight:400}.project-content p{margin:0 0 1.5rem}.project-content ul,.project-content ol{margin:0 0 1.5rem;padding-inline-start:2rem}.project-content code{background:#222;border-radius:3px;padding:.2rem .4rem;font-family:JetBrains Mono,monospace;font-size:.9em}.project-content pre{background:#1a1a1a;border-radius:5px;margin:1.5rem 0;padding:1rem;overflow-x:auto}.project-content blockquote{border-inline-start:3px solid var(--text-secondary);color:var(--text-secondary);margin:1.5rem 0;padding-inline-start:1.5rem}.progress{top:0;background:var(--accent);transform-origin:0;z-index:10;pointer-events:none;width:100%;height:2px;position:fixed;inset-inline-start:0;transform:scaleX(0)}html[dir=rtl] .progress{transform-origin:100%}.project-nav{border-top:1px solid #ffffff0f;justify-content:space-between;gap:1.25rem;margin-top:3rem;padding-top:1.5rem;display:flex}.project-nav a{text-decoration:none;display:block}.project-nav-item.next{text-align:end;margin-inline-start:auto}.nav-label{color:var(--text-tertiary);margin-bottom:.15rem;font-size:.8125rem;display:block}.nav-title{color:var(--text-secondary);transition:color .15s}.project-nav a:hover .nav-title,.project-nav a:focus-visible .nav-title{color:var(--text-primary)}footer{max-width:var(--measure);z-index:2;direction:ltr;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;width:100%;margin:0 auto;padding:1.5rem 1.5rem 2rem;font-size:.875rem;display:flex;position:relative}footer p{color:var(--text-secondary);margin:0}.copyright{font-family:IBM Plex Sans Arabic,Georgia,Amiri,serif}.lang-link{color:var(--text-secondary);text-decoration:none;transition:color .15s}.lang-link.active{color:var(--accent)}a.lang-link:hover,a.lang-link:focus-visible{color:var(--text-link-hover)}.lang-switch .sep{color:var(--text-secondary);opacity:.5;padding:0 .4em}.lang-switch .lang-en{font-family:JetBrains Mono,Georgia,Amiri,serif}.lang-switch .lang-ar{font-family:IBM Plex Sans Arabic,Georgia,Amiri,serif}::view-transition-group(root),::view-transition-old(root){animation-duration:.4s;animation-timing-function:ease-in-out}::view-transition-new(root){animation-duration:.45s;animation-timing-function:ease-in-out;animation-delay:.4s;animation-fill-mode:backwards}::view-transition-group(hero-title-ar),::view-transition-group(hero-title-en){animation-duration:.85s;animation-timing-function:ease-in-out}::view-transition-old(hero-title-ar),::view-transition-old(hero-title-en){mix-blend-mode:normal;animation-duration:.25s;animation-timing-function:ease-out;animation-fill-mode:both}html[data-nav-pair="0"]::view-transition-old(hero-title-ar),html[data-nav-pair="0"]::view-transition-old(hero-title-en){animation-name:vtSlideOut;animation-duration:.4s;animation-timing-function:ease-in-out}::view-transition-new(hero-title-ar),::view-transition-new(hero-title-en){mix-blend-mode:normal;animation-duration:.45s;animation-timing-function:ease-in-out;animation-delay:.25s;animation-fill-mode:both}html{--title-in-x:-2.25rem}html[dir=rtl]{--title-in-x:2.25rem}@keyframes vtHeroIn{0%{opacity:0;transform:translateX(var(--title-in-x))}}html[data-nav-pair="0"]::view-transition-new(hero-title-ar),html[data-nav-pair="0"]::view-transition-new(hero-title-en){mix-blend-mode:normal;animation-name:vtHeroIn;animation-duration:.45s;animation-timing-function:ease-in-out;animation-delay:.4s;animation-fill-mode:both}html[data-nav-dir=lang]::view-transition-old(hero-title-ar),html[data-nav-dir=lang]::view-transition-old(hero-title-en){animation-duration:.2s;animation-timing-function:ease-out;animation-delay:0s;animation-fill-mode:both}html[data-nav-dir=lang]::view-transition-new(hero-title-ar),html[data-nav-dir=lang]::view-transition-new(hero-title-en){animation-duration:.27s;animation-timing-function:ease-in;animation-delay:.18s;animation-fill-mode:both}html[data-nav-dir=forward]{--slide-out-x:-1.25rem;--slide-in-x:1.25rem}html[data-nav-dir=backward],html[dir=rtl][data-nav-dir=forward]{--slide-out-x:1.25rem;--slide-in-x:-1.25rem}html[dir=rtl][data-nav-dir=backward]{--slide-out-x:-1.25rem;--slide-in-x:1.25rem}html[data-nav-dir=lang]{--slide-out-x:-1.75rem;--slide-in-x:1.75rem}html[dir=rtl][data-nav-dir=lang]{--slide-out-x:1.75rem;--slide-in-x:-1.75rem}@keyframes vtSlideOut{to{opacity:0;transform:translateX(var(--slide-out-x))}}@keyframes vtSlideIn{0%{opacity:0;transform:translateX(var(--slide-in-x))}}html[data-nav-dir=forward]::view-transition-old(root),html[data-nav-dir=backward]::view-transition-old(root),html[data-nav-dir=lang]::view-transition-old(root){animation-name:vtSlideOut}html[data-nav-dir=forward]::view-transition-new(root),html[data-nav-dir=backward]::view-transition-new(root),html[data-nav-dir=lang]::view-transition-new(root){animation-name:vtSlideIn}::view-transition-new(proj-title){animation-name:vtProjTitleIn;animation-duration:.45s;animation-timing-function:ease-in-out;animation-delay:.4s;animation-fill-mode:both}::view-transition-group(proj-title){animation-duration:.85s;animation-timing-function:ease-in-out}@keyframes vtProjTitleIn{0%{opacity:0;transform:translateX(var(--slide-in-x))}}::view-transition-old(proj-title){mix-blend-mode:normal;animation-name:vtSlideOut;animation-duration:.4s;animation-timing-function:ease-in-out;animation-fill-mode:both}html[data-nav-dir=lang]::view-transition-old(root),html[data-nav-dir=lang]::view-transition-new(root){animation-duration:.45s;animation-timing-function:ease-in-out}html[data-nav-dir=lang]::view-transition-new(root){animation-delay:0s;animation-fill-mode:both}@media (prefers-reduced-motion:reduce){a{transition:none}.seq-title,.seq-sub,.seq-bio,html.js .stagger{opacity:1;animation:none}html.js .reveal{opacity:1;transition:none;transform:none}.work-item,.work-title:before{transition:none}}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-arabic-arabic-400-normal.CyU-ddYS.woff2)format("woff2"),url(/_astro/ibm-plex-sans-arabic-arabic-400-normal.EA1o-u_Q.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-arabic-latin-400-normal.Bo5KPYvw.woff2)format("woff2"),url(/_astro/ibm-plex-sans-arabic-latin-400-normal.CFZh1unN.woff)format("woff")}@font-face{font-family:Rakkas;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/rakkas-arabic-400-normal.DiwO1dK5.woff2)format("woff2"),url(/_astro/rakkas-arabic-400-normal.D450qitv.woff)format("woff")}@font-face{font-family:Rakkas;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/rakkas-latin-400-normal.aBIpl3Pb.woff2)format("woff2"),url(/_astro/rakkas-latin-400-normal.Dt_TvGD0.woff)format("woff")}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}