@font-face{font-family:Geist Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2")}@font-face{font-family:Geist Mono Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2")}@font-face{font-family:Waseem;font-style:normal;font-weight:400;font-display:swap;src:url(/waseem-v2.woff2)format("woff2")}:root{color:var(--text);background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased;--background:#0b0e10;--text:#d4d7d8;--muted:#92999e;--focus:#e1e7ea;--border:#2b343a;--accent:#c5d0d6;--ascii-shadow:29 35 39;--ascii-highlight:202 210 215;--page-gutter:clamp(24px, 4.45vw, 80px);--content-width:min(60vw, 1080px);--content-left:calc((100vw - var(--content-width)) / 2);--header-top:max(48px, env(safe-area-inset-top));--about-top:calc(var(--header-top) + 68px);font-family:Geist Variable,sans-serif}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#e9ebe7;--text:#252d2b;--muted:#56615b;--border:#c4ccc5;--accent:#34463e;--focus:#263e32;--ascii-shadow:205 210 203;--ascii-highlight:57 75 66}}*{box-sizing:border-box}body{min-width:280px;margin:0}button,a,label{-webkit-tap-highlight-color:transparent}button{font:inherit}[hidden]{display:none!important}.portfolio{isolation:isolate;min-height:100dvh;position:relative;overflow:hidden}#ascii-scene{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none;width:100%;height:100%;position:absolute;inset:0}#ascii-scene:focus-visible{filter:brightness(1.1)}.identity{z-index:1;padding-block:var(--header-top) 24px;position:relative}.identity-inner{width:var(--content-width);margin-inline:auto}h1{letter-spacing:-.045em;white-space:nowrap;margin:0;font-size:clamp(25px,2.15vw,35px);font-weight:450;line-height:1.2}.about-toggle{min-height:44px;color:var(--text);letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:16px;padding:0;display:inline-flex}.about-caret{width:24px;height:24px;color:var(--muted);border:0;place-items:center;font-family:Geist Mono Variable,monospace;font-size:20px;line-height:1;transition:transform .22s;display:grid;transform:rotate(90deg)}.about-toggle:hover .about-caret{color:var(--text)}body:has(#about-panel:popover-open) .about-caret{transform:rotate(-90deg)}.about-panel{inset:var(--about-top) auto auto var(--content-left);width:min(400px, var(--content-width));max-height:calc(100dvh - var(--about-top) - max(24px, env(safe-area-inset-bottom)));overscroll-behavior:contain;color:var(--muted);box-shadow:none;background:0 0;border:0;margin:0;padding:0 0 6px;position:fixed;overflow:hidden auto}.about-panel::backdrop{background:0 0}.about-copy{margin:0;font:12px/1.95 Geist Mono Variable,monospace}.about-copy+.about-copy{margin-top:16px}.about-copy a,.about-copy a:hover,.about-copy a:focus-visible{color:inherit;text-decoration:none}.external-link-end{white-space:nowrap}.external-link-end:after{vertical-align:.1em;content:"";background:currentColor;width:10px;height:10px;margin-left:3px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 3h6v6M10 14 21 3M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 3h6v6M10 14 21 3M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.about-copy a:focus-visible .external-link-end:after{transform:translate(1px,-1px)}.about-person{gap:12px;margin-top:25px;display:flex}.about-person img{contain:size;object-fit:cover;border:1px solid var(--border);background:var(--background);filter:grayscale()contrast(.94);border-radius:.5rem;width:65px;height:auto;display:block;transform:rotate(-2deg)}.about-person-name{color:var(--text);flex-direction:column;justify-content:center;gap:1px;display:flex}.about-name-latin{letter-spacing:-.02em;white-space:nowrap;font-size:14px}.about-name-arabic{color:var(--muted);text-align:left;white-space:nowrap;direction:rtl;unicode-bidi:isolate;font:400 18px/1.35 Waseem,sans-serif}.about-clock{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.05em;cursor:default;align-self:flex-start;margin-top:6px;font:10px/1.5 Geist Mono Variable,monospace;display:inline-grid}.about-clock>span{pointer-events:none;grid-area:1/1;transition:opacity .22s,transform .22s}.clock-unix{opacity:0;transform:translateY(4px)}.about-clock:hover .clock-local{opacity:0;transform:translateY(-4px)}.about-clock:hover .clock-unix{opacity:1;transform:none}.about-clock{position:relative}.about-clock:after{opacity:0;letter-spacing:0;white-space:nowrap;pointer-events:none;content:"‹ everything you see is synced on";margin-left:8px;transition:opacity .3s;position:absolute;top:0;left:100%}.about-person:has(.about-clock:hover) .about-actions a:last-child{opacity:0;visibility:hidden;transition-delay:1.2s}.about-clock:hover:after{opacity:.7;transition-delay:1.2s}.about-actions{flex-direction:column;align-items:flex-end;margin-left:auto;display:flex}.about-actions a{min-height:0;color:var(--muted);white-space:nowrap;flex:1;align-items:center;font:11px Geist Mono Variable,monospace;text-decoration:none;transition:opacity .3s,visibility .3s;display:flex}.about-actions a:hover{color:var(--text)}@media (width<=420px){.about-person{padding-bottom:20px}.about-clock:after{content:"↑ everything you see is synced on";margin:4px 0 0;font-size:9px;top:100%;left:0}.about-person:has(.about-clock:hover) .about-actions a:last-child{opacity:1;visibility:visible}}#ascii-scene{transition:opacity .2s}body:has(#about-panel:popover-open) #ascii-scene{opacity:.2}nav{flex-wrap:wrap;align-items:center;gap:0 clamp(18px,1.8vw,28px);display:flex}nav a{min-height:44px;color:var(--muted);white-space:nowrap;align-items:center;font-family:Geist Mono Variable,monospace;font-size:11px;font-weight:400;line-height:1.5;text-decoration:none;transition:color .18s;display:inline-flex;position:relative}nav a:after{content:"";opacity:0;transform-origin:0;background:currentColor;height:1px;transition:opacity .18s,transform .18s;position:absolute;bottom:9px;left:0;right:0;transform:scaleX(.5)}nav a:hover{color:var(--text)}nav a:hover:after{opacity:.6;transform:scaleX(1)}nav a:active{color:var(--accent)}a:focus,button:focus{outline:none}a:focus-visible,button:focus-visible{color:var(--focus)}.about-toggle:focus-visible .name-text,.about-actions a:focus-visible{text-underline-offset:4px;text-decoration:underline}.link-arrow{margin-left:6px;font-size:14px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){h1{font-size:32px}}@media (width<=767px){:root{--content-width:calc(100vw - var(--page-gutter) * 2)}}@media (width<=640px){:root{--header-top:max(32px, env(safe-area-inset-top));--about-top:calc(var(--header-top) + 66px)}h1{font-size:clamp(26px,7vw,32px)}nav{column-gap:22px;max-width:380px}nav a{font-size:11px}.about-toggle{gap:12px}.about-panel{scrollbar-width:thin}.about-copy{font-size:11px;line-height:1.9}}@media (height<=500px) and (width>=641px){:root{--header-top:18px;--about-top:76px}.identity{padding-bottom:12px}h1{font-size:27px}}@media (width<=360px){h1{font-size:24px}.about-toggle{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}