@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/anton-latin-400-normal.Byf51wtH.woff2) format("woff2"),url(/_astro/anton-latin-400-normal.AUNGEG_V.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/inter-latin-400-normal.C38fXH4l.woff2) format("woff2"),url(/_astro/inter-latin-400-normal.CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/inter-latin-600-normal.LgqL8muc.woff2) format("woff2"),url(/_astro/inter-latin-600-normal.CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/inter-latin-700-normal.Yt3aPRUw.woff2) format("woff2"),url(/_astro/inter-latin-700-normal.BLAVimhd.woff) format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/caveat-latin-700-normal.D8_1Nw6V.woff2) format("woff2"),url(/_astro/caveat-latin-700-normal.cPyBTTZN.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/cairo-arabic-400-normal.DN15VWMM.woff2) format("woff2"),url(/_astro/cairo-arabic-400-normal.CAYwymWN.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/cairo-arabic-700-normal.D3nDedWX.woff2) format("woff2"),url(/_astro/cairo-arabic-700-normal.CyOqhaeK.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/cairo-arabic-800-normal.G1qvPr6G.woff2) format("woff2"),url(/_astro/cairo-arabic-800-normal.CVTPwINa.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/jetbrains-mono-latin-400-normal.V6pRDFza.woff2) format("woff2"),url(/_astro/jetbrains-mono-latin-400-normal.6-qcROiO.woff) format("woff")}@font-face{font-family:Anton Fallback;src:local("Arial"),local("Helvetica"),local("Liberation Sans");size-adjust:71.81%;ascent-override:163.8%;descent-override:45.83%;line-gap-override:0%}@font-face{font-family:Cairo Fallback;src:local("Arial"),local("Helvetica"),local("Liberation Sans");size-adjust:97.19%;ascent-override:134.07%;descent-override:58.75%;line-gap-override:0%}@font-face{font-family:Inter Fallback;src:local("Arial"),local("Helvetica"),local("Liberation Sans");size-adjust:106.23%;ascent-override:91.19%;descent-override:22.71%;line-gap-override:0%}@font-face{font-family:Caveat Fallback;src:local("Arial"),local("Helvetica"),local("Liberation Sans");size-adjust:73%;ascent-override:131.51%;descent-override:41.1%;line-gap-override:0%}:root{--black: #0A0A0A;--red: #C0160C;--cream: #F5F4F0;--ink: #111111;--muted: #6a6a6a;--border: #E2E0DA;--soft: #fafaf7}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img{display:block;max-width:100%}a{text-decoration:none}body{-webkit-tap-highlight-color:transparent}html,body{min-height:100vh}html{scrollbar-gutter:stable both-edges;scroll-behavior:smooth;scroll-padding-top:80px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:Inter,Inter Fallback,sans-serif;color:var(--ink);padding:clamp(10px,1.5vw,20px);background:radial-gradient(ellipse 55% 50% at 92% 6%,rgba(192,22,12,.92) 0%,transparent 68%),var(--black)}.sheet{max-width:100%;margin:0 auto;background:var(--cream);min-height:calc(100vh - clamp(20px,3vw,40px));display:flex;flex-direction:column;position:relative;overflow:visible}.hero{overflow:hidden}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;background:var(--cream);transition:background .3s,backdrop-filter .3s,border-color .3s}.nav--scrolled{background:#f5f1eb73;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom-color:#0000000f}html[dir=rtl] .nav{direction:ltr}html[dir=rtl] .nav-links a{direction:rtl}.nav-logo{font-family:Caveat,Caveat Fallback,cursive;font-size:1.5rem;font-weight:700;color:var(--ink)}.nav-links{display:flex;gap:28px;position:absolute;left:50%;transform:translate(-50%)}.nav-links a{font-size:.7rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.nav-side{display:flex;align-items:center;gap:14px}.lang-toggle{background:none;border:1.5px solid var(--border);border-radius:999px;width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:.82rem;cursor:pointer;color:var(--ink);transition:border-color .2s}.lang-toggle:hover{border-color:var(--ink)}.lang-toggle svg{display:block}.float-insta,.float-linkedin{position:fixed;right:28px;z-index:100;width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s,box-shadow .2s}.float-insta{bottom:24px;background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);box-shadow:0 4px 16px #bc188866}.float-insta:hover{transform:translateY(-3px) scale(1.07);box-shadow:0 8px 24px #bc18888c}.float-linkedin{bottom:84px;background:#0a66c2;box-shadow:0 4px 16px #0a66c266}.float-insta.floats--hidden,.float-linkedin.floats--hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.float-insta,.float-linkedin{transition:transform .25s,box-shadow .25s,opacity .25s}.float-linkedin:hover{transform:translateY(-3px) scale(1.07);box-shadow:0 8px 24px #0a66c28c}.footer-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;min-height:60px;border-top:1px solid var(--border);font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.footer-logo{font-family:Caveat,Caveat Fallback,cursive;font-size:1.2rem;font-weight:700;color:var(--ink);text-transform:none;letter-spacing:0}.footer-link{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;transition:color .15s}.footer-link:hover{color:var(--ink)}html[lang^=ar] body,html[lang^=ar] .sheet,html[lang^=ar] .nav,html[lang^=ar] .nav-links,html[lang^=ar] .nav-side,html[lang^=ar] .hero,html[lang^=ar] .hero-deco,html[lang^=ar] .section,html[lang^=ar] .services-grid,html[lang^=ar] .works-grid,html[lang^=ar] .service-item,html[lang^=ar] .work-card,html[lang^=ar] .road-timeline,html[lang^=ar] .road-stop,html[lang^=ar] .marquee-wrap,html[lang^=ar] .marquee-track,html[lang^=ar] .contact-section,html[lang^=ar] .footer-bar,html[lang^=ar] .eid-flow,html[lang^=ar] .step,html[lang^=ar] .step-head,html[lang^=ar] .prompts-page,html[lang^=ar] .prompts-head,html[lang^=ar] .prompts-grid,html[lang^=ar] .work-chips,html[lang^=ar] .work-go,html[lang^=ar] .hero-pill,html[lang^=ar] .hero-meta,html[lang^=ar] .work-preview,html[lang^=ar] .preview-area,html[lang^=ar] .final-actions,html[lang^=ar] .share-buttons,html[lang^=ar] .size-control,html[lang^=ar] .greeting-tabs{direction:ltr}html[lang^=ar] .nav-links a,html[lang^=ar] .hero-title,html[lang^=ar] .hero-pill span,html[lang^=ar] .hero-meta span,html[lang^=ar] .section-label,html[lang^=ar] .section-title,html[lang^=ar] .service-name,html[lang^=ar] .service-desc,html[lang^=ar] .subsection-divider,html[lang^=ar] .work-name,html[lang^=ar] .work-desc,html[lang^=ar] .work-tag,html[lang^=ar] .work-chip,html[lang^=ar] .road-role,html[lang^=ar] .road-place,html[lang^=ar] .contact-title,html[lang^=ar] .contact-section .section-label,html[lang^=ar] .footer-bar span,html[lang^=ar] .step-title,html[lang^=ar] .eid-page-head h1,html[lang^=ar] .eid-page-head .kicker,html[lang^=ar] .eid-page-head .subtitle,html[lang^=ar] .prompts-head h1,html[lang^=ar] .prompts-head .kicker,html[lang^=ar] .prompts-head>p,html[lang^=ar] .greeting-chip,html[lang^=ar] .input-label,html[lang^=ar] .input-helper,html[lang^=ar] .wmt-label,html[lang^=ar] .drag-tip,html[lang^=ar] .flow-banner span,html[lang^=ar] .eid-credit,html[lang^=ar] .eid-disclaimer{direction:rtl;unicode-bidi:isolate}html[lang^=ar] .hero-title,html[lang^=ar] .section-title,html[lang^=ar] .contact-title{font-family:Cairo,Cairo Fallback,sans-serif;font-weight:800;line-height:1.15;letter-spacing:0}html[lang^=ar] .hero-title,html[lang^=ar] .hero-pill{direction:rtl}html[lang^=ar] .hero-meta{direction:ltr}html[lang^=ar] .hero-meta span{direction:rtl;unicode-bidi:isolate}html[lang^=ar] .hero-meta>:nth-child(1){direction:ltr}html[lang^=ar] .section-label,html[lang^=ar] .subsection-divider,html[lang^=ar] .work-chip,html[lang^=ar] .work-tag,html[lang^=ar] .nav-links a,html[lang^=ar] .hero-pill,html[lang^=ar] .hero-meta,html[lang^=ar] .footer-bar,html[lang^=ar] .footer-bar span,html[lang^=ar] .skill-card,html[lang^=ar] .pcard-open,html[lang^=ar] .pcard-title,html[lang^=ar] .pfocus-back,html[lang^=ar] .pfocus-copy,html[lang^=ar] .pfocus-share,html[lang^=ar] .pfocus-cat{letter-spacing:0}html[lang^=ar] .nav-logo,html[lang^=ar] .footer-logo{font-family:Caveat,Caveat Fallback,cursive}html[lang^=ar] .hero-pill{font-size:clamp(1.05rem,1.6vw,1.4rem);font-weight:700;padding:7px 18px}.skill-card,.road-year,.contact-email,.work-tag,.work-name,.hero-pill,.hero-meta span:first-child,.footer-bar span:nth-child(2){unicode-bidi:isolate}html[lang^=ar] .skill-card,html[lang^=ar] .road-year,html[lang^=ar] .contact-email,html[lang^=ar] .work-tag{direction:ltr}@media(max-width:640px){.nav{flex-wrap:wrap;row-gap:10px;padding:14px 18px}.nav-links{display:flex;position:static;left:auto;transform:none;order:3;width:100%;gap:18px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap}.hero{min-height:70vh}.glyph-tl{font-size:42px;left:4%;top:8%}.glyph-br{font-size:32px;right:4%}.hero-meta{flex-direction:column;align-items:center;gap:6px}.timeline-item{grid-template-columns:1fr;gap:3px}.footer-bar{flex-direction:column;gap:7px;text-align:center}}.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--ink);color:#fff;padding:10px 18px;border-radius:0 0 8px;font-size:.85rem;font-weight:600;text-decoration:none}.skip-link:focus{left:0}
