@keyframes monogram-light{0%,68%,to{fill:currentColor}42%{fill:var(--holo-cyan)}54%{fill:var(--holo-violet)}}@media (prefers-reduced-motion:no-preference) and (forced-colors:none){.monogram[data-astro-cid-n22k7olv] path[data-astro-cid-n22k7olv]{animation:monogram-light var(--holo-cycle) ease-in-out infinite;animation-play-state:var(--projection-play,running)}.monogram[data-astro-cid-n22k7olv] path[data-astro-cid-n22k7olv]:nth-child(2){animation-delay:.22s}.monogram[data-astro-cid-n22k7olv] path[data-astro-cid-n22k7olv]:nth-child(3){animation-delay:.44s}}.split-button{--split-bg:#c4a1ff;--split-ink:#181122;--split-edge:#c7a8ff;--split-end:#d2b4ff;--split-divider:#4c386b55;--split-hover:#ddc7ff;--split-hover-end:#e3d2ff;--split-glow:#ab7bdf41;--split-arrow-shift:2px;border:1px solid var(--split-edge);background:var(--split-bg);min-width:0;min-height:49px;color:var(--split-ink);font-family:var(--sans);font-size:var(--type-ui);border-radius:0;align-items:stretch;font-weight:640;line-height:1.35;text-decoration:none;transition:background-color .22s,box-shadow .22s,border-color .22s;display:inline-flex;box-shadow:0 4px 25px #9a6be01a}.split-button-label{align-items:center;min-width:0;padding:.62rem 1rem;display:grid}.split-button-end{border-inline-start:1px solid var(--split-divider);background:var(--split-end);flex:none;place-items:center;width:42px;transition:background-color .22s;display:grid}.split-button-end .split-button-icon{stroke-width:1.8px;width:17px;height:17px;transition:translate .18s var(--holo-ease)}.split-button.holo-control:after{background:linear-gradient(90deg,#60418a,#315e6b)}.split-button:is(:focus-visible,:active){border-color:var(--split-edge);background:var(--split-hover);box-shadow:0 3px 26px var(--split-glow)}.split-button:is(:focus-visible,:active) .split-button-end{background:var(--split-hover-end,var(--split-end))}:dir(rtl) .split-button{--split-arrow-shift:-2px}:dir(rtl) .split-button-end .split-button-icon{transform:scaleX(-1)}@media (hover:hover) and (pointer:fine){.split-button:hover{border-color:var(--split-edge);background:var(--split-hover);box-shadow:0 3px 26px var(--split-glow)}.split-button:hover .split-button-end{background:var(--split-hover-end,var(--split-end))}}@media (prefers-reduced-motion:no-preference){.split-button:focus-visible .split-button-end .split-button-icon{translate:var(--split-arrow-shift) 0}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.split-button:hover .split-button-end .split-button-icon{translate:var(--split-arrow-shift) 0}}html[data-motion=paused] .split-button:is(:hover,:focus-visible) .split-button-end .split-button-icon{translate:0}.site-header{view-transition-name:abod-site-header}::view-transition-group(abod-site-header){animation-duration:.22s;animation-timing-function:cubic-bezier(.22,.72,.24,1)}::view-transition-old(root),::view-transition-new(root){animation-timing-function:cubic-bezier(.22,.72,.24,1)}::view-transition-old(root){animation-duration:.26s}::view-transition-new(root){animation-duration:.32s}:root[data-transition-type=language-to-rtl]::view-transition-old(root){animation-name:abod-language-out-left}:root[data-transition-type=language-to-rtl]::view-transition-new(root){animation-name:abod-language-in-right}:root[data-transition-type=language-to-ltr]::view-transition-old(root){animation-name:abod-language-out-right}:root[data-transition-type=language-to-ltr]::view-transition-new(root){animation-name:abod-language-in-left}:root[data-transition-type=page-route]::view-transition-old(root){animation-name:abod-page-out-up;animation-duration:.36s}:root[data-transition-type=page-route]::view-transition-new(root){animation-name:abod-page-in-up;animation-duration:.4s;mask-image:linear-gradient(176deg,#000 0% 44%,#0005 56%);mask-position:0 0;mask-size:100% 300%;mask-repeat:no-repeat}@keyframes abod-language-out-left{to{clip-path:inset(0 0 0 14%);opacity:.36;transform:translate(-1.25rem)}}@keyframes abod-language-in-right{0%{clip-path:inset(0 0 0 14%);opacity:.7;transform:translate(1.25rem)}}@keyframes abod-language-out-right{to{clip-path:inset(0 14% 0 0);opacity:.36;transform:translate(1.25rem)}}@keyframes abod-language-in-left{0%{clip-path:inset(0 14% 0 0);opacity:.7;transform:translate(-1.25rem)}}@keyframes abod-page-out-up{to{opacity:.42;transform:translateY(-.6rem)}}@keyframes abod-page-in-up{0%{opacity:.78;transform:translateY(.75rem);mask-position:0 96%}to{mask-position:0 0}}@keyframes abod-fallback-language-in-right{0%{opacity:.88;transform:translate(1.1rem)}}@keyframes abod-fallback-language-in-left{0%{opacity:.88;transform:translate(-1.1rem)}}@keyframes abod-fallback-page-in-up{0%{opacity:.9;transform:translateY(.7rem)}}@media (prefers-reduced-motion:no-preference){html[data-transition-fallback]:not([data-motion=paused])[data-transition-type=language-to-rtl] #main-content{animation:.3s cubic-bezier(.22,.72,.24,1) abod-fallback-language-in-right}html[data-transition-fallback]:not([data-motion=paused])[data-transition-type=language-to-ltr] #main-content{animation:.3s cubic-bezier(.22,.72,.24,1) abod-fallback-language-in-left}html[data-transition-fallback]:not([data-motion=paused])[data-transition-type=page-route] #main-content{animation:.26s cubic-bezier(.22,.72,.24,1) abod-fallback-page-in-up}}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/space-mono-latin-400-normal.Rg4St2Dn.woff2)format("woff2"),url(/_astro/space-mono-latin-400-normal._3DlpgIW.woff)format("woff")}:root{--type-caption:.75rem;--type-ui:.875rem;--type-body:1rem;--type-lead:1.125rem;--type-subheading:clamp(1.5rem, 2.05vw, 2rem);--type-quote:clamp(1.5rem, 2.6vw, 2.25rem);--type-heading:clamp(2rem, 3.4vw, 3rem);--type-display:clamp(2.75rem, calc(2.35rem + 4.2vi), 9rem)}.mobile-menu-trigger,.mobile-menu-close{color:#eee8fa;background:#121019;border:1px solid #51475e;border-radius:2px;place-items:center;block-size:2.75rem;inline-size:2.75rem;padding:0;transition:border-color .18s,background-color .18s;display:grid}.mobile-menu-trigger{display:none}:is(.mobile-menu-trigger,.mobile-menu-close) .icon{block-size:1.2rem;inline-size:1.2rem}:is(.mobile-menu-trigger,.mobile-menu-close):is(:active,:focus-visible){border-color:#8edadf}@media (hover:hover){:is(.mobile-menu-trigger,.mobile-menu-close):hover{background:#201a2a;border-color:#8edadf}}@media (width<=52.99rem),(orientation:landscape) and (pointer:coarse) and (height<=32rem){.mobile-menu-trigger{display:grid}}.mobile-menu{--holo-violet:#c1a3fc;--holo-cyan:#8edadf;--holo-ink:#f5f2fa;--menu-line:#d1c5eb38;block-size:100dvh;max-block-size:none;inline-size:100%;max-inline-size:none;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);isolation:isolate;color-scheme:dark;color:var(--holo-ink);opacity:0;background:radial-gradient(at 100% 25%,#9b6ee233,#0000 56%),radial-gradient(at 0 90%,#4fb7c021,#0000 50%),#0c0a135e;border:0;grid-template-rows:auto minmax(0,1fr);margin:0;position:fixed;inset:0;overflow:hidden}.mobile-menu[open]{opacity:1;display:grid}.mobile-menu:not([open]){pointer-events:none}.mobile-menu::backdrop{backdrop-filter:blur(19px);opacity:0;background:#08070f8f}.mobile-menu,.mobile-menu::backdrop{transition:opacity .18s ease-out, display .18s allow-discrete, overlay .18s allow-discrete}.mobile-menu[open]::backdrop{opacity:1}@starting-style{.mobile-menu[open],.mobile-menu[open]::backdrop{opacity:0}}html:has(.mobile-menu[open]){overscroll-behavior:none;overflow:hidden}.mobile-menu:before,.mobile-menu:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.mobile-menu:before{--grid-line:#c1a8ed17;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:3rem 3rem;mask-image:linear-gradient(165deg,#0000 12%,#0009 50%,#000)}.mobile-menu:after{opacity:.5;background:linear-gradient(172deg,#0000 38%,#a98dee0d 47%,#8edadf1a 50%,#0000 56%)}@keyframes menu-light-sweep{0%,to{opacity:.25;transform:translateY(-18%)}50%{opacity:.75;transform:translateY(18%)}}.mobile-menu-toolbar{position:relative}.mobile-menu-toolbar:after{content:"";background:linear-gradient(90deg, var(--menu-line), #c1a3fc73, var(--menu-line));block-size:1px;position:absolute;inset:auto 0 -1px}.mobile-menu-panel{min-block-size:0;display:grid;position:relative}.mobile-menu nav{overscroll-behavior:contain;min-block-size:0;overflow:auto}.mobile-menu-links{min-block-size:100%;inline-size:var(--wrap);flex-direction:column;justify-content:center;gap:clamp(.625rem,1.4dvh,.875rem);margin-inline:auto;padding-block:clamp(1rem,4dvh,2.5rem);display:flex}.mobile-menu .mobile-menu-link{--split-bg:transparent;--split-hover:transparent;--split-ink:var(--holo-ink);--split-edge:#81748f;min-block-size:clamp(4.75rem,10.75dvh,6.25rem);inline-size:100%;min-inline-size:0;font:640 var(--type-subheading)/1.3 var(--sans);letter-spacing:-.028em;box-shadow:none;transition:color .18s var(--holo-ease), border-color .18s var(--holo-ease);touch-action:manipulation;flex:none}.mobile-menu .mobile-menu-link[aria-current=page]{--split-edge:var(--holo-violet);--split-ink:#e3d3ff}.mobile-menu-link .split-button-label{overflow-wrap:anywhere;flex:auto;min-inline-size:0;padding:.8rem clamp(1rem,5vi,2rem)}.mobile-menu .mobile-menu-link:after{background:linear-gradient(90deg, var(--holo-violet), var(--holo-cyan))}.mobile-menu .mobile-menu-link:is(:focus-visible,:active){border-color:var(--holo-cyan);box-shadow:none}.mobile-menu .mobile-menu-link:focus-visible{outline:2px solid var(--holo-cyan);outline-offset:3px}@media (hover:hover) and (pointer:fine){.mobile-menu .mobile-menu-link:hover{border-color:var(--holo-cyan);box-shadow:none}}:dir(rtl) .mobile-menu-link{letter-spacing:0;line-height:1.65}@media (prefers-reduced-motion:no-preference) and (forced-colors:none){html:not([data-motion=paused]) .mobile-menu:after{animation:12s ease-in-out infinite menu-light-sweep}html:not([data-motion=paused]) .mobile-menu-link{animation:projection-in .28s var(--holo-ease) backwards}html:not([data-motion=paused]) .mobile-menu-link:nth-child(2){animation-delay:30ms}html:not([data-motion=paused]) .mobile-menu-link:nth-child(3){animation-delay:55ms}html:not([data-motion=paused]) .mobile-menu-link:nth-child(4){animation-delay:80ms}}html[data-motion=paused] .mobile-menu::backdrop{transition:none}@media (prefers-reduced-motion:reduce){.mobile-menu::backdrop{transition:none}}@supports not (backdrop-filter:blur(1px)){.mobile-menu::backdrop{background:#0b0912f0}}@media (forced-colors:active){.mobile-menu,.mobile-menu::backdrop{color:canvastext;backdrop-filter:none;background:canvas}.mobile-menu:before,.mobile-menu:after,.mobile-menu-toolbar:after{display:none}.mobile-menu .mobile-menu-link{color:linktext;border-color:buttontext}.mobile-menu-link[aria-current] .split-button-label{text-decoration:underline}.mobile-menu .mobile-menu-link:focus-visible{outline-color:highlight}}@font-face{font-family:Inter Variable;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Noto Sans Arabic Variable;src:url(/_astro/noto-sans-arabic-arabic-wght-normal.BhzieyvS.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-89F,U+8A0-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}:root{color-scheme:dark;--bg:#0a0a10;--surface:#100f19;--raised:#171622;--text:#f5f3fb;--muted:#aba8ba;--accent:#bd9efa;--accent-ink:#2b203b;--line:#363240;--soft-line:#272430;--mint:#92edc7;--sans:"Inter Variable", "Noto Sans Arabic Variable", system-ui, sans-serif;--latin-mono:"Space Mono", ui-monospace, monospace;--mono:var(--latin-mono), "Noto Sans Arabic Variable";--header-height:74px;font-family:var(--sans);scroll-behavior:smooth;background:var(--bg);scroll-padding-block-start:calc(var(--header-height) + env(safe-area-inset-top,0px) + 1rem)}html:lang(ar){--sans:"Noto Sans Arabic Variable", "Inter Variable", Tahoma, sans-serif;--mono:"Noto Sans Arabic Variable", "Space Mono", Tahoma, sans-serif}@media (prefers-color-scheme:light){:root{color-scheme:light;--bg:#f4f2f8;--surface:#faf9fd;--raised:#eae6f1;--text:#211b2c;--muted:#5c5469;--accent:#664296;--accent-ink:#e5d9f6;--line:#cac4d4;--soft-line:#dcd6e5}}*,:before,:after{box-sizing:border-box}body{color:var(--text);background:var(--bg);font-size:var(--type-body);margin:0;line-height:1.55}:where(h1,h2,h3,p){overflow-wrap:break-word}svg,img{display:block}a{color:inherit;text-decoration:none}button,summary{font:inherit;color:inherit}button{cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #a887f2}main:focus{outline:none}::selection{color:#1c122c;background:#c2a7fa}[hidden]{display:none!important}.icon{flex:none;width:1.08rem;height:1.08rem}.sr-only,.skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{z-index:100;color:#100d17;background:#c6a8ff;padding:10px 18px;position:fixed;inset-block-start:8px;inset-inline-start:12px}.site-header{z-index:30;color:#f5f2fa;color-scheme:dark;--holo-violet:#c1a3fc;--holo-cyan:#8edadf;--holo-ink:#f5f2fa;background:#0b0b12;border-block-end:1px solid #282531;padding-block-start:env(safe-area-inset-top,0px);position:sticky;inset-block-start:0}.nav-inner,.footer-inner{width:var(--wrap);margin-inline:auto}.nav-inner{min-height:var(--header-height);justify-content:space-between;align-items:center;gap:clamp(.5rem,2vw,2rem);display:flex}.brand{flex-shrink:0;align-items:center;gap:.67rem;min-height:44px;display:inline-flex}.brand>svg{color:#c7a8ff;width:36px;height:32px}.wordmark{font:710 var(--type-lead)/1 "Inter Variable", sans-serif;letter-spacing:-.065em}.wordmark>span{color:#bc94fa}.desktop-nav{align-items:center;gap:clamp(1.35rem,2.7vw,2.85rem);display:flex}.desktop-nav a,.nav-cta,.lang-switch{font-family:var(--mono);text-transform:uppercase}.desktop-nav a{color:#c7c2d1;min-height:44px;font-size:var(--type-ui);letter-spacing:.025em;justify-content:center;align-items:center;gap:.48rem;transition:color .18s;display:inline-flex;position:relative}.desktop-nav a[aria-current]{color:#f3edf9}.desktop-nav a.holo-control:after{inset-block-end:.25rem}.desktop-nav a:hover,.lang-switch:hover,.story-link:hover{color:#cfafff}.nav-tools{align-items:center;gap:clamp(.7rem,2vw,1.6rem);display:flex}.lang-switch{color:#c6c2d1;min-width:44px;min-height:44px;font-size:var(--type-ui);justify-content:center;align-items:center;gap:.48rem;display:inline-flex}.lang-switch[lang=ar]{font-family:Noto Sans Arabic Variable,Tahoma,sans-serif;line-height:1.5}.lang-switch[lang=en]{font-family:var(--latin-mono)}.lang-switch>svg{width:15px;height:15px}.nav-cta{color:#ede7fa;min-height:44px;font-size:var(--type-ui);letter-spacing:.025em;border:1px solid #575061;justify-content:center;align-items:center;gap:.9rem;padding:.55rem .94rem;transition:background .2s,border-color .2s;display:inline-flex}.nav-cta:hover{background:#211a2b;border-color:#b99eea}.nav-cta .icon{width:14px;height:14px}.section-label{color:var(--accent);font:var(--type-caption)/1.6 var(--mono)}.site-footer{border-block-start:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--holo-violet) 4%, transparent), transparent 65%), var(--bg)}.site-footer.holo-edge:after{inset-block:0 auto}.footer-inner{padding-block:1.45rem max(1.45rem, env(safe-area-inset-bottom,0px));align-items:center;gap:1.3rem;display:flex}.footer-home{min-height:44px;color:var(--accent);align-content:center;display:grid}.footer-home svg{width:28px;height:26px}.footer-inner p{font-size:var(--type-ui);color:var(--muted);margin:0;margin-inline-end:auto}.motion-toggle,.back-to-top{min-height:44px;font-family:var(--sans);font-size:var(--type-ui);color:var(--muted);justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.motion-toggle{background:0 0;border:none;padding:0 .3rem}.motion-toggle:hover,.back-to-top:hover{color:var(--accent)}.motion-toggle .icon,.back-to-top .icon{width:14px;height:14px}.motion-paused-icon,html[data-motion=paused] .motion-running-icon{display:none}html[data-motion=paused] .motion-paused-icon{display:block}:lang(ar) .desktop-nav a,:lang(ar) .nav-cta{letter-spacing:0}html[dir=rtl] :is(.nav-cta,.story-link) .icon{transform:scaleX(-1)}@media (width<=52.99rem),(orientation:landscape) and (pointer:coarse) and (height<=32rem){:root{--header-height:66px}.desktop-nav,.nav-cta{display:none}.nav-tools{gap:1.1rem}}@media (width<=40rem){:root{--header-height:62px}.brand{gap:.5rem}.brand>svg{width:32px;height:29px}.footer-inner{padding-block:1.15rem max(1.15rem, env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:.45rem .9rem}.footer-inner p{flex-basis:calc(100% - 3.5rem)}.back-to-top{margin-inline-start:auto}}@media (width<=22rem){.nav-tools{gap:.5rem}}@media (width<=16.5rem){.nav-inner .wordmark,.lang-switch>svg{display:none}.footer-inner{column-gap:.55rem}}@media (prefers-reduced-motion:no-preference){.portfolio-sections>.has-entered>header,.hero.has-entered :is(.role-line,.hero-description,.hero-actions),.site-footer.has-entered .footer-inner{animation:projection-in .54s var(--holo-ease) backwards}.hero.has-entered .hero-description{animation-delay:60ms}.hero.has-entered .hero-actions{animation-delay:.11s}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-motion=paused]{scroll-behavior:auto}html[data-motion=paused] *,html[data-motion=paused] :before,html[data-motion=paused] :after{transition-duration:0s!important;transition-delay:0s!important;animation-play-state:paused!important}html[data-motion=paused] :is(.role-line,.hero-description,.hero-actions,.footer-inner),html[data-motion=paused] .portfolio-sections>section>header{animation:none!important}