@keyframes scroll-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-scroll-progress]{transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){html:not([data-static-mode=true]) [data-scroll-progress]{animation:scroll-progress linear;animation-timeline:scroll()}}}html[data-static-mode=true] *,html[data-static-mode=true] :after,html[data-static-mode=true] :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-static-mode=true] [data-scroll-progress]{display:none}@media (prefers-reduced-motion:reduce){[data-scroll-progress]{display:none}}:root{--site-header-height:4.5rem}html{scroll-padding-top:calc(var(--site-header-height) + .5rem)}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--rule);background:var(--surface-deep)}.site-header-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--site-header-height)}.site-brand{display:inline-flex;align-items:center;gap:.625rem;min-width:0;min-height:44px;font-size:1.125rem;font-weight:900}.site-brand-mark{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;border-radius:.5rem;background:var(--accent-yellow);color:var(--ink);font-size:1rem}.site-brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-navigation{display:none}.mobile-navigation{flex:none}.mobile-nav-toggle{display:flex;align-items:center;justify-content:center;gap:.625rem;min-width:5.5rem;min-height:44px;padding-inline:.75rem;border:1px solid var(--rule);border-radius:.5rem;font-size:.875rem;font-weight:700;list-style:none;cursor:pointer}.mobile-nav-toggle::-webkit-details-marker{display:none}.mobile-nav-toggle:hover,.mobile-navigation[open] .mobile-nav-toggle{color:var(--accent-yellow);border-color:var(--accent-yellow)}.mobile-menu-close-label,.mobile-navigation[open] .mobile-menu-open-label{display:none}.mobile-navigation[open] .mobile-menu-close-label{display:block}.mobile-nav-panel{position:absolute;top:100%;inset-inline:0;max-height:calc(100dvh - var(--site-header-height));overflow-y:auto;overscroll-behavior:contain;padding:.75rem 1rem 1.25rem;border-bottom:1px solid var(--rule-strong);background:var(--surface-deep);box-shadow:0 16px 24px #0004}.header-links{display:flex;flex-direction:column}.header-section-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:48px;padding:.5rem .25rem;border-bottom:1px solid var(--rule);font-size:1rem;font-weight:700;line-height:1.5}.header-section-link svg{flex:none;color:var(--text-muted)}.header-section-link:hover{color:var(--accent-yellow)}html[dir=rtl] .header-section-link svg{transform:rotate(180deg)}.header-actions{display:flex;align-items:center;gap:.75rem}.mobile-nav-panel .header-actions{margin-top:1.25rem}.header-resume{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding-inline:.875rem;border-radius:.5rem;background:var(--accent-yellow);color:var(--ink);font-size:.875rem;font-weight:700;white-space:nowrap}.header-resume:hover{background:var(--accent-coral)}.header-language{justify-content:center;white-space:nowrap}@media (min-width:640px){.mobile-nav-panel{padding-inline:1.5rem}}@media (min-width:1200px){.mobile-navigation{display:none}.desktop-navigation{display:flex;align-items:center;gap:1.75rem}.desktop-navigation .header-links{flex-direction:row;gap:1.25rem}.desktop-navigation .header-section-link{min-height:44px;padding:0;border:0;color:var(--text-muted);font-size:.875rem}.desktop-navigation .header-section-link:hover{color:var(--accent-yellow)}.desktop-navigation .header-section-link svg{display:none}.desktop-navigation .header-actions{padding-inline-start:1.5rem;border-inline-start:1px solid var(--rule)}}.section-visual{position:relative;isolation:isolate;width:100%;min-width:0;margin-inline:auto;padding:clamp(.5rem,1.2vw,1rem)}.section-visual:before{content:"";position:absolute;z-index:-1;inset:10% 0 0;background:radial-gradient(ellipse at 55% 60%,#e8494229,transparent 67%);pointer-events:none}.section-visual-image{position:relative;display:block;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-visual[data-scene=hero]:before{inset:16% 4% 6%;background:radial-gradient(ellipse at 55% 55%,#e8494238,transparent 70%)}.section-visual[data-scene=work]:before{inset:34% 4% 7%;border-block-end:1px solid #ff837855;border-radius:50%;transform:rotate(-10deg)}.section-visual[data-scene=freelance]:before{inset:35% 7% 12%;background:linear-gradient(160deg,#ffd84d12,#e849421c);transform:rotate(9deg)}.section-visual[data-scene=education]:before{background:radial-gradient(ellipse,#ffd84d14,transparent 65%)}.section-visual[data-scene=contact]:before{inset:20% 0 0;background:radial-gradient(ellipse at 55% 55%,#e8494240,transparent 68%)}.hero-section{padding-block:2rem 3.5rem;background:var(--surface-base)}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:1.75rem}.hero-content,.hero-details{position:relative;z-index:2}.hero-role{font-size:.75rem;font-weight:800;color:var(--accent-coral)}.hero-heading{max-inline-size:none;margin-top:1rem;font-size:clamp(2.4rem,8vw,3.5rem);font-weight:900;line-height:1.08;letter-spacing:-.035em}.hero-name{text-decoration:underline;text-decoration-color:var(--accent-coral);text-decoration-thickness:.065em;text-underline-offset:.12em}.hero-details{grid-column:1/-1}.hero-visual{position:relative;isolation:isolate;width:min(100%,420px);margin-inline:auto;transition:transform .2s ease-out}html[lang=ar] .hero-heading{max-inline-size:none;line-height:1.3;letter-spacing:0}@media (min-width:640px){.hero-layout{grid-template-columns:minmax(0,1fr) 300px;gap:2rem}.hero-visual{width:300px}.hero-role{font-size:.875rem}}@media (min-width:768px){.hero-section{padding-block:3.5rem 4.5rem}.hero-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);row-gap:1.75rem}.hero-content{align-self:end}.hero-details{grid-column:1;align-self:start}.hero-visual{grid-column:2;grid-row:1/3;width:100%;max-width:560px}.hero-heading{max-inline-size:none;font-size:clamp(3.4rem,5.7vw,4.75rem)}}@media (min-width:1024px){.hero-layout{-moz-column-gap:2rem;column-gap:2rem}}.work-section{background:var(--surface-deep)}.work-header{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:1.5rem 1rem}.work-header>div:first-child{display:contents}.work-title{grid-column:1/-1}.work-title h2{max-width:22ch;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.035em;text-wrap:balance}.work-title>p:last-child{max-width:55ch}.work-jump-links{display:flex;flex-wrap:wrap;align-content:center;gap:.75rem 1.5rem}.work-jump-links a{display:inline-flex;align-items:center;gap:.75rem;min-height:44px;border-bottom:1px solid var(--rule-strong);font-size:.875rem;font-weight:700}.work-jump-links a span,.work-jump-links a:hover{color:var(--accent-coral)}.work-jump-links a:hover{border-color:var(--accent-coral)}.work-illustration{position:relative;isolation:isolate;width:min(100%,260px);margin-inline:auto}.work-layout{margin-top:2rem}.work-intro{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 2rem;padding-block:1.5rem;border-top:1px solid var(--rule-strong)}.work-timeline{display:grid;gap:.5rem}.work-role{display:grid;gap:1.25rem;min-width:0;padding:1.5rem .25rem;border-bottom:1px solid var(--rule)}.work-role-meta{position:relative;align-self:start;display:grid;gap:.35rem;padding-inline-start:1rem;border-inline-start:2px solid var(--rule-strong)}.work-role[data-current] .work-role-meta{border-color:var(--accent-coral)}.work-current-label{width:-moz-fit-content;width:fit-content;margin-bottom:.4rem;color:var(--accent-yellow);font-size:.75rem;line-height:1.6;font-weight:800}.work-role-dates{font-size:.875rem;line-height:1.75;font-weight:700}.work-role-content{min-width:0}.freelance-details,.work-highlights{display:grid;gap:.6rem;margin-top:1rem;color:var(--text-muted);font-size:.875rem;line-height:1.75}.freelance-details li,.work-highlights li{position:relative;padding-inline-start:1rem}.freelance-details li:before,.work-highlights li:before{content:"";position:absolute;inset-inline-start:0;top:.65rem;width:4px;height:4px;border-radius:50%;background:var(--accent-coral)}.work-tools{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 1rem;margin-top:1.25rem;font-size:.75rem;line-height:1.75}.work-tools>p{color:var(--text-muted)}.work-tools ul{display:flex;flex-wrap:wrap;gap:.5rem}.work-tools li{padding:.2rem .6rem;border:1px solid var(--rule);border-radius:.25rem;font-weight:600}.freelance-layout{display:grid;gap:2rem;margin-top:2.5rem;padding:1.5rem .25rem}.freelance-intro{padding-bottom:1.5rem;border-bottom:1px solid var(--rule)}.freelance-visual{max-width:220px;margin-top:1.5rem}.freelance-contact{display:inline-flex;align-items:center;gap:.75rem;min-height:44px;margin-top:1rem;border-bottom:1px solid var(--accent-yellow);color:var(--accent-yellow);font-size:.875rem;font-weight:700}.freelance-contact:hover{color:#fff;border-color:#fff}.freelance-technologies{margin-top:1.25rem;border-top:1px solid var(--rule);font-size:.875rem;line-height:1.75}.freelance-technologies summary{min-height:44px;padding-block:.625rem;color:var(--accent-yellow);font-weight:700;cursor:pointer}.freelance-technologies>p{margin-top:.5rem;color:var(--text-muted)}.freelance-technologies dl{display:grid;gap:.875rem;margin-top:1.25rem}.freelance-technology-group{display:grid;gap:.25rem 1rem}.freelance-technology-group dt{font-weight:700}.freelance-technology-group dd{color:var(--text-muted)}html[dir=rtl] .freelance-contact span{transform:scaleX(-1)}html[lang=ar] .work-title h2{letter-spacing:0;line-height:1.5}@media (min-width:640px){.freelance-technology-group{grid-template-columns:8rem minmax(0,1fr)}.work-header{grid-template-columns:minmax(0,1fr) 280px;gap:2rem}.work-header>div:first-child{display:block}.work-jump-links{margin-top:1.5rem}.work-illustration{width:100%}}@media (min-width:768px){.work-role{grid-template-columns:175px minmax(0,1fr);gap:2rem;padding:2rem}.freelance-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:2.5rem;padding:2rem}.freelance-intro{padding-block:0;padding-inline-end:2rem;border-bottom:0;border-inline-end:1px solid var(--rule)}.freelance-visual{max-width:280px}}@media (min-width:1024px){.work-header{grid-template-columns:minmax(0,1fr) 380px;gap:4rem}.work-role{grid-template-columns:200px minmax(0,1fr);gap:3rem}}.tutoring-section{background:var(--surface-raised)}.tutoring-layout{display:grid;align-items:center;grid-template-columns:1fr;gap:1.5rem}.tutoring-illustration{position:relative;isolation:isolate;width:100%;max-width:460px;margin-inline:auto}@media (min-width:640px){.tutoring-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:2rem}}@media (min-width:768px){.tutoring-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}}.esports-story{position:relative;padding:2rem 1.5rem;background:var(--surface-base);border:1px solid var(--rule);color:#fff;border-radius:1.25rem;overflow:hidden}.esports-story:before{content:"";position:absolute;inset-inline-end:0;top:0;width:25%;height:7px;background:var(--accent-coral)}.esports-story-layout{display:grid;gap:2rem;position:relative}.text-esports-coral{color:var(--accent-coral)}.esports-heading{max-width:19ch;font-size:clamp(2rem,3.7vw,3rem);line-height:1.12;font-weight:900;letter-spacing:-.035em}.esports-narrative{min-width:0;align-self:center}.esports-lead{margin-block:1.5rem;max-width:45ch;font-size:1.125rem;line-height:1.75;font-weight:600}.esports-prose{color:#ffffffd9;font-size:1rem;line-height:1.9}.esports-prose p+p{margin-block-start:1.25rem}.esports-prose strong{color:#fff;font-weight:750}.esports-prose a{text-decoration:underline;text-decoration-color:#ff83788c;text-underline-offset:.22em}.esports-prose a:hover{text-decoration-color:var(--accent-coral)}.esports-opening-line{margin-block:1.75rem 1.25rem;padding-inline-start:1rem;border-inline-start:3px solid var(--accent-coral);font-size:1.375rem;line-height:1.4;font-weight:800;text-wrap:balance}.esports-work-link{display:inline-flex;align-items:center;gap:.75rem;min-height:44px;font-size:.875rem;font-weight:700;color:var(--accent-yellow);text-decoration:underline;text-underline-offset:.25em}.esports-chapters{display:grid;gap:2.5rem;margin-block-start:2.5rem;padding-block-start:2.5rem;border-block-start:1px solid var(--rule)}.esports-chapter{min-width:0}.esports-chapter-heading{display:flex;align-items:baseline;gap:.875rem;margin-block-end:1.5rem}.esports-chapter-number{flex:none;color:var(--accent-coral);font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums}.esports-chapter-heading h3{max-width:28ch;font-size:clamp(1.375rem,2vw,1.625rem);font-weight:800;line-height:1.3;text-wrap:balance}.esports-closing-line{margin-block:2.5rem;padding-block:2rem;border-block:1px solid var(--rule);color:var(--accent-coral);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:900;line-height:1.3;text-align:center;text-wrap:balance}.esports-artwork{position:relative;align-self:center;padding-block:1rem;isolation:isolate}.esports-artwork-orbit{--orbit-size:250px;--orbit-top:20%}.esports-fandom{position:relative;width:-moz-fit-content;width:fit-content;max-width:100%;margin:1rem auto 0;padding:.65rem 1rem;border:1px solid #ffd84d;background:#ffd84d;color:var(--ink);font-size:.875rem;line-height:1.6;font-weight:800;transform:rotate(-2deg)}.esports-journey{margin-block:2rem 2.5rem;padding-inline-start:1.25rem;border-inline-start:1px solid #ffffff4d;display:grid;gap:1.75rem}.esports-journey li{position:relative}.esports-journey li:before{content:"";position:absolute;inset-inline-start:calc(-1.25rem - 5px);top:.5rem;width:9px;height:9px;background:var(--accent-coral);border-radius:50%}.esports-professional{border-top:1px solid #ffffff40;padding-top:2rem}.esports-roles{display:grid;gap:2rem}.esports-role{padding-inline-start:1rem;border-inline-start:3px solid var(--accent-coral)}.esports-role+.esports-role{border-color:#ffffff4d}html[lang=ar] .esports-heading{max-width:none;line-height:1.5;letter-spacing:0}html[lang=ar] .esports-chapter-heading h3,html[lang=ar] .esports-closing-line,html[lang=ar] .esports-opening-line{line-height:1.7}@media (min-width:768px){.esports-story{padding:3rem 2rem}.esports-story-layout{grid-template-columns:minmax(0,1fr) 300px}.esports-artwork-orbit{--orbit-size:280px}.esports-journey{grid-template-columns:repeat(4,minmax(0,1fr));border-inline-start:0;border-top:1px solid #ffffff4d;padding-inline-start:0;padding-top:1.5rem;margin-block:3rem;gap:1.5rem}.esports-journey li:before{inset-inline-start:0;top:calc(-1.5rem - 5px)}.esports-roles{grid-template-columns:1.25fr 1fr;gap:2.5rem}}@media (min-width:1024px){.esports-story{padding:3.5rem}.esports-story-layout{grid-template-columns:minmax(0,1fr) 380px;gap:3rem}.esports-chapters{grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:3rem;column-gap:3rem;margin-block-start:3.5rem;padding-block-start:3rem}.esports-chapter+.esports-chapter{padding-inline-start:3rem;border-inline-start:1px solid var(--rule)}.esports-chapter-heading{min-height:4.25rem}.esports-artwork-orbit{--orbit-size:340px}}.projects-navigation{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin-top:1.5rem}.projects-navigation a{display:inline-flex;align-items:center;gap:.75rem;min-height:44px;border-bottom:1px solid var(--rule-strong);font-size:.875rem;font-weight:700}.projects-navigation a span{color:var(--accent-coral)}.projects-navigation a:hover{color:var(--accent-coral);border-color:var(--accent-coral)}.project-group{margin-top:3rem}.project-group+.project-group{margin-top:clamp(5rem,8vw,6rem)}.project-group-heading{display:grid;gap:.75rem 2rem;margin-bottom:1.75rem}.project-group-heading h3{font-size:clamp(1.5rem,2.5vw,1.875rem);font-weight:900;line-height:1.35}.project-group-heading>p{max-width:48ch;color:var(--text-muted);font-size:.875rem;line-height:1.75}.project-featured-grid{display:grid;gap:2rem 3rem}.project-feature{display:grid;align-content:start;gap:2rem;min-width:0;padding-block:1.5rem .5rem;border-top:2px solid var(--accent-coral)}.project-feature-intro{min-width:0}.project-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;color:var(--accent-coral);font-size:.8125rem;font-weight:700;line-height:1.75}.project-status{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.75rem}.project-status:before{content:"";width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}.project-status[data-status=in-progress]{color:var(--accent-yellow)}.project-name{font-size:clamp(1.625rem,2.8vw,2.25rem);line-height:1.2;font-weight:900;letter-spacing:-.025em;text-wrap:balance}.project-actions{display:grid;gap:.5rem;justify-items:start;margin-top:1.25rem}.project-actions .text-link{min-height:36px;font-size:.875rem}.project-actions .project-notes-link{color:var(--accent-yellow)}.project-source-note{color:var(--text-muted);font-size:.75rem;line-height:1.75}.project-feature-evidence{min-width:0;padding:1.25rem 0 0;border-top:1px solid var(--rule)}.project-feature-evidence figure{border-radius:0;background:transparent;padding:0}.project-feature-evidence figure ol{display:grid;gap:0}.project-feature-evidence figure li{display:grid;grid-template-columns:1.5rem 1fr;gap:0 .75rem;padding:1rem 0;border:0;border-top:1px solid var(--rule)}.project-feature-evidence figure li:last-child{border-bottom:1px solid var(--rule)}.project-feature-evidence figure li>span{grid-row:1/3;align-self:center}.project-feature-evidence figure li>p{margin-top:0}.project-feature-evidence figure li>p:last-child{grid-column:2}.project-supporting{display:grid;gap:2rem}.project-featured-grid+.project-supporting{margin-top:2.5rem}.project-summary{min-width:0;padding-top:1.25rem;border-top:1px solid var(--rule-strong)}html[lang=ar] .project-name{letter-spacing:0;line-height:1.5}@media (min-width:768px){.project-group-heading{grid-template-columns:1fr 1fr;align-items:baseline;gap:3rem}.project-featured-grid:not([data-single]),.project-supporting{grid-template-columns:repeat(2,minmax(0,1fr))}.project-feature[data-wide]{grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem}.project-feature-evidence{border-top:0;border-inline-start:1px solid var(--rule);padding-block:0;padding-inline-start:2.5rem}}@media (min-width:1024px){#projects-academic .project-supporting{grid-template-columns:repeat(3,minmax(0,1fr))}}.contact-section{background:var(--surface-deep)}.contact-panel{display:grid;align-items:center;gap:2rem;border-top:2px solid var(--accent-coral);padding-top:2rem}.contact-content{min-width:0}.contact-links{display:grid;grid-template-columns:repeat(2,max-content);justify-content:start;justify-items:start;gap:.5rem 1.5rem;margin-top:1.5rem}.contact-action{display:inline-flex;align-items:center;gap:.625rem;min-height:44px;max-width:100%;font-size:.875rem;font-weight:700;line-height:1.75}.contact-action-primary{padding:.875rem 1rem;border-radius:.375rem;background:var(--accent-yellow);color:var(--ink)}.contact-action-primary:hover{background:var(--accent-coral)}.contact-email-address{min-width:0;overflow-wrap:anywhere}.contact-action-secondary{border-bottom:1px solid var(--rule-strong)}.contact-action-secondary:hover{border-color:var(--accent-yellow);color:var(--accent-yellow)}.contact-illustration{position:relative;isolation:isolate;width:220px;max-width:100%;justify-self:center;align-self:center}@media (min-width:768px){.contact-links{display:flex;flex-wrap:wrap}.contact-panel{grid-template-columns:minmax(0,1fr) 240px;gap:3rem}.contact-illustration{width:240px}}@media (min-width:1024px){.contact-panel{grid-template-columns:minmax(0,1fr) 280px}.contact-illustration{width:280px}}