@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap";@font-face{font-family:Luna Muse;src:url(/LunaMuseRegular_demo.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Naveid Arabic Regular;src:url(/NaveidArabicDEMO-Regular.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Naveid Arabic ExtraBold;src:url(/NaveidArabicDEMO-ExtraBold.otf)format("opentype");font-weight:800;font-display:swap}:root{--bg:#0a0a0a;--bg-2:#111;--bg-3:#1a1a1a;--surface:#ffffff0d;--surface-hover:#ffffff17;--border:#ffffff1a;--border-hover:#ffffff47;--accent:#fff;--accent-dim:#bbb;--accent-soft:#777;--accent-glow:#ffffff1f;--gold:#ba743a;--brand-gold:#ba743a;--text:#f5f5f5;--text-muted:#999;--text-faint:#555;--grad-primary:linear-gradient(135deg, #fff, #aaa);--grad-warm:linear-gradient(135deg, #fff, #888);--grad-full:linear-gradient(135deg, #fff, #bbb, #666);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--nav-h:72px;--transition:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--gold:#071a4b;--bg:#fff;--bg-2:#f5f5f5;--bg-3:#ebebeb;--surface:#0000000a;--surface-hover:#00000014;--border:#0000001a;--border-hover:#00000047;--accent:#071a4b;--accent-dim:#263d70;--accent-soft:#53658f;--accent-glow:#0000001a;--text:#071a4b;--text-muted:#263d70;--text-faint:#66759b;--grad-primary:linear-gradient(135deg, #0a0a0a, #555);--grad-warm:linear-gradient(135deg, #111, #666);--grad-full:linear-gradient(135deg, #0a0a0a, #444, #888)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);cursor:none;font-family:DM Sans,Inter,sans-serif;line-height:1.7;transition:background .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}h1{font-family:Luna Muse,Outfit,sans-serif;font-weight:400}body,button,input,textarea,select{font-family:DM Sans,Inter,sans-serif!important}main,main section,.section-header{text-align:left}img,svg{max-width:100%;display:block}button{cursor:none;font:inherit;background:0 0;border:none}input,textarea,select{font:inherit}ul{list-style:none}.cursor{z-index:9999;pointer-events:none;background:var(--accent);mix-blend-mode:difference;border-radius:50%;width:12px;height:12px;transition:transform .1s,opacity .2s,width .3s,height .3s;position:fixed;transform:translate(-50%,-50%)}.cursor-trail{z-index:9998;pointer-events:none;border:1.5px solid var(--accent);opacity:.4;mix-blend-mode:difference;border-radius:50%;width:36px;height:36px;transition:transform .12s ease-out,opacity .3s,border-color .3s;position:fixed;transform:translate(-50%,-50%)}:is(body:has(a:hover) .cursor,body:has(button:hover) .cursor){width:20px;height:20px}:is(body:has(a:hover) .cursor-trail,body:has(button:hover) .cursor-trail){opacity:.2;width:52px;height:52px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent-soft);border-radius:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.timeline-dot{background:var(--accent);border:2px solid var(--bg);width:16px;height:16px;box-shadow:0 0 0 4px var(--accent-glow);border-radius:50%;position:absolute;top:24px;left:-8px}.glass-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);transition:background var(--transition), border-color var(--transition), transform var(--transition), box-shadow var(--transition)}.glass-card:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:0 20px 60px #0000004d, 0 0 30px var(--accent-glow);transform:translateY(-4px)}.btn{border-radius:var(--radius-full);letter-spacing:.02em;transition:all var(--transition);align-items:center;gap:8px;padding:14px 28px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--grad-primary);color:var(--bg);box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 8px 32px var(--accent-glow);transform:translateY(-2px)}.btn-ghost{border:1.5px solid var(--border-hover);color:var(--text);background:var(--surface)}.btn-ghost:hover{border-color:var(--accent);background:var(--surface-hover);transform:translateY(-2px)}.btn-full{justify-content:center;width:100%}.gradient-text{background:var(--grad-full);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.section{padding:120px 0;position:relative;overflow:hidden}.section-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:12px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600}.section-title{color:var(--text);margin-bottom:16px;font-family:Outfit,sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.15}.section-subtitle{color:var(--text-muted);max-width:520px;font-size:1.05rem}.section-header{margin-bottom:64px}.reveal-up,.reveal-right{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.reveal-right{transform:translate(40px)}.reveal-up.visible,.reveal-right.visible{opacity:1;transform:translate(0)}.nav{z-index:100;height:var(--nav-h);transition:background var(--transition), backdrop-filter var(--transition), box-shadow var(--transition);position:fixed;top:0;left:0;right:0}.nav.scrolled{background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border)}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-logo{align-items:center;width:76px;height:42px;display:flex}.nav-logo img{object-fit:contain;width:100%;height:100%}.nav-links{align-items:center;gap:40px;display:flex}.nav-link{color:var(--text-muted);letter-spacing:.02em;transition:color var(--transition);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--grad-primary);width:0;height:1.5px;transition:width var(--transition);position:absolute;bottom:-4px;left:0}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--border-hover);width:38px;height:38px;color:var(--text);transition:all var(--transition);cursor:none;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.theme-toggle:hover{background:var(--gold);border-color:var(--gold);color:#fff;transform:rotate(12deg)}.nav-toggle{flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--text);width:22px;height:2px;transition:all var(--transition);border-radius:2px;display:block}.noise-overlay{z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:absolute;inset:0}.hero{min-height:100vh;padding:0;padding-top:var(--nav-h);align-items:center;display:flex;position:relative;overflow:visible}.hero-content{z-index:3;text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,7vw,100px);width:100%;max-width:1200px;margin:0 auto;padding-inline:24px;display:grid;position:relative}.hero-copy{max-width:680px}.hero-tag{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.8rem;font-weight:500;display:inline-flex}.hero-tag:before{content:"●";color:#4ade80;font-size:.6rem}.hero-name{letter-spacing:-.03em;color:var(--text);margin-bottom:12px;font-family:Outfit,sans-serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:500;line-height:1.05}.hero-name-prefix{letter-spacing:-.025em;margin-bottom:.08em;font-family:DM Sans,sans-serif;font-size:clamp(2rem,3vw,2.65rem);font-weight:500;line-height:1;display:block}.hero-name-resufolio{letter-spacing:-.035em;color:var(--brand-gold);font-size:1.08em;font-style:italic;font-weight:400;line-height:1.1;display:block;font-family:Luna Muse,Outfit,sans-serif!important}.hero-intro{color:var(--text-muted);margin-bottom:24px;font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.5}.hero-kicker{color:var(--brand-gold);font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.5}.hero-canvas{z-index:1;pointer-events:none;opacity:.468;will-change:opacity;transition:opacity .15s linear;position:fixed;inset:0}main section>.container,.footer{z-index:3;position:relative}.hero-name-first{color:var(--text-muted);display:block}.hero-name-last{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-tagline{color:var(--text-muted);margin-bottom:16px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:500}.hero-desc{color:var(--text-muted);max-width:480px;margin-bottom:36px;font-size:1rem}.hero-cta{flex-wrap:wrap;gap:16px;margin-bottom:48px;display:flex}.hero-stats{align-items:center;gap:32px;display:flex}.stat{text-align:center}.stat-number{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:2rem;font-weight:900}.stat-plus{color:var(--accent-soft);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-muted);margin-top:4px;font-size:.8rem;display:block}.stat-divider{background:var(--border);width:1px;height:40px}.hero-visual{z-index:2;justify-content:flex-end;align-items:center;height:480px;display:flex;position:relative}.hero-visual.hero-character-visual{justify-content:center;min-width:0;height:auto;padding:24px 0}.hero-character{--character-float:-5px;--character-duration:6s;width:min(100%,370px);color:var(--text);border-radius:var(--radius-lg);touch-action:manipulation;flex-direction:column;align-items:center;text-decoration:none;animation:.7s ease-out both character-enter;display:flex}.hero-character-stage{aspect-ratio:568/730;perspective:1000px;width:100%;display:block;position:relative}.hero-character-halo{pointer-events:none;background:radial-gradient(ellipse, color-mix(in srgb, var(--gold) 16%, transparent), transparent 70%);position:absolute;inset:12% 0 5%}.hero-character-depth{width:100%;height:100%;transform:translate3d(var(--character-x,0px), var(--character-y,0px), 0) rotateX(var(--character-rx,0deg)) rotateY(var(--character-ry,0deg));transition:transform .45s cubic-bezier(.2,.7,.3,1);display:block;position:relative}.hero-character-image{object-fit:contain;pointer-events:none;filter:drop-shadow(0 16px 16px #00000038);width:100%;height:100%;animation:character-idle var(--character-duration) ease-in-out infinite;display:block}.hero-character-label{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-2);align-items:center;gap:12px;min-height:44px;margin-top:12px;padding:8px 18px;font-size:.85rem;transition:border-color .18s,background .18s;display:inline-flex}.hero-work-link{color:var(--text);margin-top:28px;text-decoration:none}.hero-work-link:hover,.hero-work-link:focus-visible{border-color:var(--gold);background:var(--bg-3)}.hero-work-link:focus-visible{outline:2px solid var(--gold);outline-offset:6px}@keyframes character-idle{0%,to{transform:translateY(0)}50%{transform:translateY(var(--character-float))}}@keyframes character-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero-character{width:min(100%,280px)}.hero-visual.hero-character-visual{padding:8px 0 24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hero-character,.hero-character-image{animation:none}.hero-character-depth{transition:none;transform:none}.hero-character-label{transition:none}}.hero-ring{border:1.5px solid var(--gold);opacity:.65;border-radius:50%;animation:20s linear infinite spin;position:absolute}.ring-1{width:320px;height:320px;animation-duration:25s}.ring-2{border-style:dashed;width:420px;height:420px;animation-duration:40s;animation-direction:reverse}.ring-3{border-color:var(--gold);width:520px;height:520px;animation-duration:60s}@keyframes spin{to{transform:rotate(360deg)}}.hero-avatar{justify-content:center;align-items:center;width:330px;height:370px;display:flex;position:relative}.avatar-glow{display:none}@keyframes pulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.avatar-inner{background:0 0;border:0;justify-content:center;align-items:center;width:320px;height:360px;display:flex;position:relative;overflow:visible}.avatar-inner img{object-fit:contain;filter:drop-shadow(0 22px 28px #00000047);width:100%;height:100%}[data-theme=light] .cursor{background:#3f3f46}[data-theme=light] .cursor-trail{opacity:.65;border-color:#52525b}.avatar-svg{width:100%;height:100%;position:absolute;inset:0}.avatar-initials{background:var(--grad-primary);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:3rem;font-weight:900;position:relative}.floating-chip{border-radius:var(--radius-full);background:color-mix(in srgb, var(--bg) 80%, transparent);border:1px solid var(--border);white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);padding:8px 14px;font-size:.78rem;font-weight:600;animation:4s ease-in-out infinite float;position:absolute}.chip-1{animation-delay:0s;top:20px;left:-20px}.chip-2{animation-delay:1s;top:20px;right:-20px}.chip-3{animation-delay:2s;bottom:40px;left:-30px}.chip-4{animation-delay:.5s;bottom:40px;right:-30px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-down{color:var(--text-muted);z-index:2;flex-direction:column;align-items:center;gap:8px;font-size:.75rem;animation:2s ease-in-out infinite bounce;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, transparent, var(--text-muted));width:1px;height:40px}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.evolution{height:100vh;min-height:680px;padding:calc(var(--nav-h) + 42px) 0 42px;background:0 0;align-items:stretch;display:flex}.evolution:before{content:"";z-index:0;background:var(--bg-2);position:absolute;inset:0}.evolution .container{z-index:3;width:100%;position:relative}.evolution-grid{grid-template-columns:minmax(360px,470px) minmax(0,610px);justify-content:space-between;align-items:stretch;gap:clamp(32px,5vw,72px);height:100%;display:grid}.evolution-visual{justify-content:flex-start;align-self:end;align-items:flex-end;height:min(72vh,580px);display:flex}.evolution-visual img{object-fit:contain;object-position:center bottom;width:100%;height:100%}.evolution-copy{text-align:right;flex-direction:column;align-items:flex-end;height:100%;font-family:DM Sans,sans-serif;display:flex}.evolution-index{color:var(--text-faint);letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px;font-size:.72rem;font-weight:500}.evolution-copy h2{color:var(--text);letter-spacing:-.03em;margin-bottom:28px;font-size:clamp(2rem,3vw,2.65rem);font-weight:500;line-height:.972}.evolution-quote{color:var(--gold);letter-spacing:-.03em;font-size:18px;font-weight:400;line-height:1.17}.evolution-mark{aspect-ratio:221/99;justify-content:flex-end;align-items:flex-end;width:260px;height:auto;margin-top:auto;display:flex}.evolution-mark img{object-fit:contain;object-position:right bottom;width:100%;height:100%}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-bio{color:var(--text-muted);margin-bottom:20px}.about-tags{flex-wrap:wrap;gap:10px;margin-bottom:32px;display:flex}.tag{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition);padding:6px 14px;font-size:.8rem;font-weight:500}.tag:hover{border-color:var(--border-hover);color:var(--text)}.about-card-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.about-card{padding:28px}.about-card-icon{margin-bottom:12px;font-size:1.8rem}.about-card h3{margin-bottom:8px;font-family:Outfit,sans-serif;font-weight:700}.about-card p{color:var(--text-muted);font-size:.9rem}.about-cta{margin-top:8px}.projects{background:var(--bg)}.work-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:88px;display:grid}.work-category-card{text-align:left;min-height:390px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);transition:transform var(--transition), border-color var(--transition), background var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.work-category-card.active{grid-column:1/-1}.work-category-trigger{text-align:left;width:100%;min-height:390px;color:inherit;flex-direction:column;align-items:flex-start;padding:26px;display:flex}.work-category-card.active .work-category-trigger{min-height:300px}.work-category-card:before{content:"";aspect-ratio:1;border:1px solid var(--gold);opacity:.22;transition:transform .65s cubic-bezier(.2,.8,.2,1), opacity var(--transition);border-radius:50%;position:absolute;inset:auto -22% -42% 26%}.work-category-card:nth-child(2):before{border-radius:0;transform:rotate(18deg)}.work-category-card:nth-child(3):before{border-radius:50% 12%;transform:rotate(-12deg)}.work-category-card:hover,.work-category-card.active{border-color:var(--gold);background:var(--surface-hover);transform:translateY(-7px)}.work-category-card:hover:before,.work-category-card.active:before{opacity:.7;transform:translate(-8%,-8%)scale(1.15)}.work-category-card:nth-child(2):hover:before,.work-category-card:nth-child(2).active:before{transform:rotate(28deg)scale(1.15)}.work-category-number{letter-spacing:.18em;color:var(--text-muted);font-size:.72rem}.work-category-name{color:var(--text);z-index:1;margin-top:auto;font-family:Luna Muse,DM Sans,sans-serif;font-size:clamp(2.2rem,4vw,4.2rem);line-height:.95;position:relative}.work-category-description{max-width:29ch;color:var(--text-muted);z-index:1;margin-top:18px;font-size:.9rem;line-height:1.5;position:relative}.work-category-meta{border-top:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;width:100%;color:var(--text-muted);z-index:1;justify-content:space-between;margin-top:26px;padding-top:16px;font-size:.75rem;display:flex;position:relative}.work-category-toggle{color:var(--gold);font-size:1.35rem;line-height:.7}.work-category-projects{opacity:0;z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;max-height:0;padding:0 26px;transition:max-height .65s,opacity .35s,padding .5s;display:grid;position:relative;overflow:hidden}.work-category-card.active .work-category-projects{opacity:1;max-height:1200px;padding:0 26px 26px}.work-category-page{min-height:100vh;padding-top:var(--nav-h);z-index:2;position:relative}.work-category-hero{padding:100px 0 72px}.work-category-hero .project-page-back{margin-bottom:54px}.work-category-hero .section-title{max-width:900px;margin-bottom:22px;font-size:clamp(3.5rem,10vw,8rem)}.work-category-hero .section-subtitle{max-width:620px;font-size:1.1rem}.work-category-list{padding-top:0}.category-project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.category-project-list .category-project-card{min-width:0}.category-project-list .category-project-art{height:280px}.category-project-list .category-project-copy{padding:26px}.category-project-list .project-techs{margin-bottom:18px}.category-project-card{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(20px);min-width:0;overflow:hidden}.category-project-art{background:var(--bg-3);border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:190px;display:flex;overflow:hidden}.category-project-copy{padding:22px}.category-project-copy h3{margin-bottom:10px;font-size:1.15rem;font-weight:500;line-height:1.2}.category-project-copy p{color:var(--text-muted);margin-bottom:16px;font-size:.86rem;line-height:1.5}.work-link-pending{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.filter-tabs{flex-wrap:wrap;gap:12px;margin-bottom:48px;display:flex}.filter-btn{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition);padding:10px 22px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600}.filter-btn:hover{border-color:var(--border-hover);color:var(--text)}.filter-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;display:grid}.project-card{overflow:hidden}.project-card.featured{grid-column:span 2}.project-image{border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--bg-3);justify-content:center;align-items:center;height:220px;display:flex;overflow:hidden}.project-image-art{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.fate-art{width:72%;color:var(--gold);justify-content:center;align-items:center;gap:9px;display:flex}.fate-art span{font-family:Luna Muse,Outfit,sans-serif;font-size:4.4rem;line-height:1}.fate-art i{background:var(--gold);opacity:.45;width:2px;height:110px;display:block;transform:rotate(22deg)}.fate-art i:nth-of-type(2){opacity:.8;height:145px;transform:rotate(-18deg)}.fate-art i:nth-of-type(3){height:90px;transform:rotate(32deg)}.project-card.featured .project-image{height:280px}.project-info{padding:28px}.project-category-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:10px;font-size:.75rem;font-weight:600;display:block}.project-title{margin-bottom:12px;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800}.project-desc{color:var(--text-muted);margin-bottom:16px;font-size:.92rem}.project-techs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tech-tag{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:4px 10px;font-size:.75rem;font-weight:500}.project-link{color:var(--accent);transition:all var(--transition);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700}.project-link:hover{letter-spacing:.04em}.project-page{min-height:100vh;padding-top:var(--nav-h);z-index:2;position:relative}.project-hero-layout{display:block}.project-page>section>.container,.project-page>header>.container{z-index:3;position:relative}.project-page-hero{align-items:flex-end;min-height:72vh;padding:100px 0 72px;display:flex}.project-page-back{color:var(--text-muted);border-bottom:1px solid var(--gold);margin-bottom:64px;padding-bottom:4px;font-size:.85rem;display:inline-block}.project-page-hero h1{max-width:980px;color:var(--text);overflow-wrap:anywhere;font-family:Luna Muse,DM Sans,sans-serif;font-size:clamp(3.5rem,9vw,8.5rem);font-weight:400;line-height:.88}.project-page-intro{max-width:680px;color:var(--text-muted);margin:34px 0 24px;font-size:1.08rem}.project-page-feature{padding:0 0 90px}.project-page-feature .container{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:min(68vw,720px);min-height:420px;overflow:hidden}.project-page-feature .project-image-art{min-height:100%}.project-page-feature .fate-art span{font-size:clamp(7rem,18vw,18rem)}.project-page-feature .shape{transform:scale(2.4)}.project-photo-art img{object-fit:contain;width:100%;height:100%}.gsdv-brand-art img,.project-page-gsdv-brand .project-gallery img{object-fit:contain;background:var(--bg-3)}.project-page-gospives .project-hero-layout{max-width:1200px;min-height:calc(100vh - var(--nav-h));grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:center;gap:clamp(36px,8vw,120px);margin:0 auto;padding:42px 24px 90px;display:grid}.project-page-gospives .project-page-hero{align-items:center;min-height:0;padding:0}.project-page-gospives .project-page-hero .container{padding:0}.project-page-gospives .project-page-back{margin-bottom:48px}.project-page-gospives .project-page-feature{padding:0}.project-page-gospives .project-page-feature .container{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;height:auto;min-height:0;overflow:visible}.project-page-gospives .project-page-feature .project-image-art{justify-content:flex-end;min-height:0}.project-page-gospives .project-page-feature .project-photo-art img{object-fit:contain;width:min(100%,560px);height:auto;max-height:68vh;margin-left:auto}.project-page-body{background:color-mix(in srgb,var(--bg) 88%,transparent);padding:90px 0 140px}.project-page-grid{grid-template-columns:1fr 1fr;gap:clamp(48px,10vw,140px);display:grid}.project-page-grid h2{font-size:clamp(2rem,4vw,4rem);font-weight:500;line-height:1.05}.project-page-grid p{color:var(--text-muted);font-size:1rem}.project-content-note{border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.project-facts{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;padding-top:24px;display:grid}.project-facts div{flex-direction:column;gap:6px;display:flex}.project-facts span{color:var(--accent-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.project-facts strong{font-size:.88rem;font-weight:500}.project-process-section,.project-gallery-section{padding:110px 0}.project-process-section{background:var(--bg-2)}.project-process-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.project-process-card{background:var(--bg-2);min-height:220px;padding:28px}.project-process-card>span{color:var(--gold);font-family:Outfit,sans-serif;font-weight:700}.project-process-card h3{margin:52px 0 12px;font-family:Outfit,sans-serif;font-size:1.15rem}.project-process-card p{color:var(--text-muted);font-size:.9rem}.travel-cost-section{padding:0 0 110px}.travel-cost-dashboard{background:linear-gradient(112deg,#171615 0%,#241c19 46%,#f45a06 100%);border-radius:26px;grid-template-columns:minmax(380px,.95fr) 1.05fr;gap:clamp(34px,6vw,78px);padding:48px 40px;display:grid;overflow:hidden;box-shadow:0 24px 70px #00000029}.travel-cost-copy{align-self:center;max-width:500px}.travel-cost-copy .section-eyebrow{color:#9ab0c2;margin-bottom:12px}.travel-cost-copy h2{color:#fff;max-width:430px;margin:0 0 22px;font-family:Outfit,sans-serif;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;line-height:1.08}.travel-cost-copy>p:last-child{color:#ffffffd1;max-width:500px;font-size:1rem;line-height:1.55}.travel-cost-metrics{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:12px;display:grid}.travel-cost-metric{color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;column-gap:12px;min-height:78px;padding:16px 18px;display:grid}.travel-cost-icon{background:#ffffff2e;border-radius:50%;grid-row:span 2;place-items:center;width:40px;height:40px;display:grid}.travel-cost-icon svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.travel-cost-label{color:#ffffffa6;font-size:.75rem;line-height:1.1}.travel-cost-metric strong{color:#fff;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;line-height:1}.travel-cost-metric:last-child strong{color:#fff}.project-gallery{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.project-gallery figure{grid-column:span 4;margin:0}.project-gallery figure:first-child{grid-area:span 2/span 8}.project-gallery img{object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--border);width:100%;height:280px}.project-gallery figure:first-child img{height:578px}.project-gallery figcaption{color:var(--text-faint);margin-top:10px;font-size:.75rem}.project-contact-section{padding-top:100px}.project-contact-link{margin-top:28px}.project-not-found{text-align:left;place-items:center;display:grid}.project-not-found h1{margin-bottom:36px;font-size:clamp(3rem,8vw,7rem)}.code-mock{border-radius:var(--radius-md);border:1px solid var(--border);background:#00000080;width:90%;padding:20px;font-family:monospace;font-size:.8rem}.code-line{padding:3px 0}.kw{color:var(--accent-dim)}.fn{color:var(--accent)}.str{color:var(--accent-soft)}.phone-mock{background:var(--bg-3);border:2px solid var(--border);border-radius:16px;width:120px;overflow:hidden}.phone-screen{padding:8px}.screen-bar{border-radius:4px;align-items:center;height:20px;margin-bottom:6px;padding:0 8px;font-size:.65rem;display:flex}.screen-chart{border-radius:6px;height:50px;margin-bottom:6px}.screen-list div{background:var(--border);border-radius:4px;height:8px;margin-bottom:4px}.writing-visual{padding:20px;position:relative}.text-line{background:var(--surface);border-radius:4px;height:8px;margin-bottom:8px}.tl-1{width:85%}.tl-2{width:70%}.tl-3{width:90%}.text-drop-cap{color:var(--text-muted);margin-top:8px;font-family:Outfit,sans-serif;font-weight:900;line-height:1}.art-shapes{width:100%;height:100%;position:relative}.shape{border-radius:50%;animation:8s ease-in-out infinite morph;position:absolute}.s1{width:80px;height:80px;animation-delay:0s;top:20%;left:20%}.s2{border-radius:40% 60% 60% 40%;width:60px;height:60px;animation-delay:2s;bottom:20%;right:20%}.s3{width:45px;height:45px;animation-delay:4s;top:50%;left:50%}.graphic-art .s1{border-radius:4px}@keyframes morph{0%,to{border-radius:50%}50%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.orb-labels{pointer-events:none;gap:48px;width:max-content;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-label{color:var(--text-muted);text-align:center;white-space:nowrap;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700}.skills-showcase{min-height:505px;color:var(--text);padding:74px 0 82px;overflow:hidden;background:var(--bg)!important}.skills-showcase .container{max-width:1200px}.skills-separator{background:var(--gold);width:100%;height:2px;margin-bottom:72px}.skills-editorial-grid{grid-template-columns:minmax(260px,1fr) minmax(560px,1.75fr);align-items:start;gap:clamp(70px,10vw,150px);display:grid}.main-skills h2{letter-spacing:-.03em;color:var(--text);margin-bottom:26px;font-family:Naveid Arabic ExtraBold,DM Sans,sans-serif;font-size:18px;font-weight:800;line-height:1.215}.main-skills ul{list-style:none}.main-skills li{letter-spacing:-.03em;color:var(--text);font-family:DM Sans,sans-serif;font-size:18px;font-weight:400;line-height:1.4}.software-groups{justify-self:end;gap:48px;width:100%;display:grid}.software-group h3{letter-spacing:-.03em;text-align:right;color:var(--text);margin-bottom:22px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:500;line-height:1.215}.software-row{grid-template-columns:repeat(5,1fr);align-items:center;gap:30px;display:grid}.software-logo{justify-content:center;align-items:center;height:64px;display:flex}.software-logo img{object-fit:contain;opacity:1;visibility:visible;width:63px;height:63px}.software-logo img[alt=Figma]{width:42px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:32px;margin-bottom:64px;display:grid}.skills-group-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.skills-group-icon{font-size:1.4rem}.skills-group-header h3{font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.skill-item{margin-bottom:18px}.skill-meta{color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-size:.85rem;display:flex}.skill-bar{background:var(--surface);border-radius:2px;height:4px;overflow:hidden}.skill-fill{background:var(--c,var(--accent));border-radius:2px;width:0;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.tools-title{margin-bottom:20px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.tools-chips{flex-wrap:wrap;gap:10px;display:flex}.tool-chip{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition);padding:8px 16px;font-size:.82rem;font-weight:500}.tool-chip:hover{border-color:var(--border-hover);color:var(--text)}.timeline{padding-left:24px;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{margin-bottom:40px;position:relative}.timeline-content{padding:28px}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.timeline-role{margin-bottom:4px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800}.timeline-company{color:var(--text-muted);font-size:.9rem;font-weight:500}.timeline-date{color:var(--accent-soft);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);white-space:nowrap;padding:4px 12px;font-size:.78rem;font-weight:600}.timeline-bullet-list{margin-bottom:16px;padding-left:20px}.timeline-bullet-list li{color:var(--text-muted);margin-bottom:8px;font-size:.92rem;list-style:outside}.timeline-tags{flex-wrap:wrap;gap:8px;display:flex}.edu-vol-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}.edu-column{justify-self:start;width:100%}.vol-column{justify-self:end;width:100%}.column-title{margin-bottom:24px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800}.edu-card{margin-bottom:20px;padding:24px}.edu-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.edu-card-header h4{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700}.edu-date{color:var(--accent-soft);white-space:nowrap;font-size:.75rem;font-weight:600}.edu-degree{color:var(--accent-dim);margin-bottom:6px;font-size:.88rem;font-weight:600}.edu-desc{color:var(--text-muted);font-size:.85rem}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.contact-left{justify-self:start}.contact-right{justify-self:end;width:100%}.contact-desc{color:var(--text-muted);margin-bottom:32px}.contact-info{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.contact-link{color:var(--text-muted);transition:color var(--transition);align-items:center;gap:10px;font-size:.9rem;display:flex}.contact-link:hover{color:var(--text)}.contact-icon{font-size:1rem}.social-links{gap:12px;display:flex}.social-btn{background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--text-muted);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-btn:hover{color:var(--text);border-color:var(--border-hover);transform:translateY(-2px)}.contact-form{padding:36px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);transition:border-color var(--transition), background var(--transition);outline:none;padding:12px 16px;font-size:.95rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--border-hover);background:var(--surface-hover)}.form-group select option{background:var(--bg-2);color:var(--text)}.form-error{color:#ef4444;margin-top:4px;font-size:.78rem;display:block}.form-success{text-align:center;color:var(--text);padding:40px 20px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600}.footer{border-top:1px solid var(--border);background:var(--bg-2);padding:40px 0 20px}.footer-feature{grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding-bottom:28px;display:grid}.footer-invitation h2{letter-spacing:-.05em;color:var(--text);font-family:Outfit,sans-serif;font-size:clamp(2.5rem,4.5vw,4rem);font-weight:500;line-height:1.03}.footer-invitation h2 em{color:var(--brand-gold);font-family:Luna Muse,Outfit,sans-serif;font-weight:400}.footer-description{max-width:350px;color:var(--text-muted);margin-top:24px;font-size:.95rem;line-height:1.7}.footer-contact{border-bottom:1px solid var(--gold);min-height:48px;color:var(--text);align-items:center;gap:48px;margin-top:28px;padding:10px 0;font-size:1.1rem;display:inline-flex}.footer-contact span{color:var(--gold);font-size:1.5rem}.footer-art{justify-self:end;width:100%;min-width:0;max-width:430px;margin:0;position:relative}.footer-art:before{content:"";background:radial-gradient(ellipse, color-mix(in srgb,var(--gold) 12%,transparent),transparent 70%);pointer-events:none;border-radius:50%;position:absolute;inset:12% 2%}.footer-art img{object-fit:contain;filter:drop-shadow(0 20px 24px #00000026);width:100%;height:auto;display:block;position:relative}.footer-art figcaption{text-align:right;letter-spacing:.13em;text-transform:uppercase;color:var(--brand-gold);font-size:.65rem}.footer .footer-inner{border-top:1px solid var(--border);gap:24px;padding-top:18px}.footer-brand{flex-shrink:0;display:block}.footer-brand img{object-fit:contain;width:76px;height:42px}.footer-left p span{font-size:.75rem}.footer-links{flex-wrap:wrap;gap:24px;display:flex}.footer-links a{min-height:44px;color:var(--text-muted);align-items:center;font-size:.85rem;display:inline-flex}.footer a:hover{color:var(--gold)}.footer a:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:3px}.footer-bottom{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:16px;font-size:.72rem;display:flex}.footer-bottom .footer-copy{color:var(--text-muted);font-size:inherit}@media (width<=700px){.footer{padding-top:32px}.footer-feature{grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:24px}.footer-art{justify-self:center;width:100%;max-width:340px}.footer-art figcaption{text-align:left}.footer-left{width:100%}}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-left{align-items:center;gap:16px;display:flex}.footer-logo{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:900}.footer-left p{color:var(--text-muted);font-size:.85rem}.footer-copy{color:var(--text-faint);font-size:.8rem}.back-to-top{background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--text-muted);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.back-to-top:hover{background:var(--surface-hover);color:var(--text);transform:translateY(-2px)}.blob{pointer-events:none;filter:blur(80px);border-radius:50%;animation:12s ease-in-out infinite blob-float;position:absolute}.blob-1{background:radial-gradient(#ffffff0a,#0000 70%);width:500px;height:500px;top:-100px;left:-100px}.blob-2{background:radial-gradient(#ffffff08,#0000 70%);width:400px;height:400px;animation-delay:4s;top:40%;right:-120px}.blob-3{background:radial-gradient(#ffffff08,#0000 70%);width:300px;height:300px;animation-delay:8s;bottom:0;left:30%}.blob-contact-1{background:radial-gradient(#ffffff0a,#0000 70%);width:400px;height:400px;top:-80px;right:-100px}.blob-contact-2{background:radial-gradient(#ffffff08,#0000 70%);width:300px;height:300px;animation-delay:6s;bottom:0;left:0}[data-theme=light] .blob,[data-theme=light] .blob-contact-1,[data-theme=light] .blob-contact-2{background:radial-gradient(#0000000a,#0000 70%)}@keyframes blob-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(1.05)}66%{transform:translate(-10px,15px)scale(.98)}}@media (width<=900px){.work-category-grid{grid-template-columns:1fr;margin-bottom:64px}.work-category-card,.work-category-trigger,.work-category-card.active .work-category-trigger{min-height:280px}.work-category-projects,.category-project-list,.project-page-grid{grid-template-columns:1fr}.skills-showcase{padding:56px 0 68px}.skills-separator{margin-bottom:48px}.skills-editorial-grid{grid-template-columns:1fr;gap:56px}.software-group h3{text-align:left}.nav-logo{margin-right:0}.nav-actions{margin-left:auto}.hero-content{text-align:left;grid-template-columns:1fr;gap:40px;padding:40px 24px}.hero-visual{height:320px}.hero-desc{margin-left:auto;margin-right:auto}.hero-cta,.hero-stats{justify-content:center}.about-grid{grid-template-columns:1fr;gap:40px}.evolution{height:auto;min-height:auto;padding:100px 0 56px}.evolution-grid{grid-template-columns:1fr;gap:48px}.evolution-visual{height:min(514px,115vw);transform:none}.evolution-visual img{max-width:408px;transform:none}.evolution-copy{text-align:left;align-items:flex-start}.evolution-mark{width:min(260px,70vw);height:auto;margin-top:38px}.project-card.featured{grid-column:span 1}.contact-grid{grid-template-columns:1fr;gap:48px}.edu-vol-grid{grid-template-columns:1fr}.nav-links{inset:var(--nav-h) 0 0 0;background:var(--bg);z-index:99;flex-direction:column;justify-content:center;align-items:center;gap:32px;display:none;position:fixed}.nav-links.open,.nav-toggle{display:flex}.project-process-grid{grid-template-columns:repeat(2,1fr)}.project-gallery figure,.project-gallery figure:first-child{grid-area:auto/span 6}.project-gallery img,.project-gallery figure:first-child img{height:360px}.project-page-gospives .project-hero-layout{grid-template-columns:1fr;gap:42px;min-height:0;padding-top:28px}.project-page-gospives .project-page-hero{padding:0}.project-page-gospives .project-page-feature .project-photo-art img{width:min(100%,520px);max-height:55vh;margin:0 auto}.work-category-hero{padding-top:64px}.work-category-hero .project-page-back{margin-bottom:42px}}@media (width<=600px){.software-row{grid-template-columns:repeat(3,1fr);gap:28px 18px}.projects-grid,.about-card-grid{grid-template-columns:1fr}.hero-name{font-size:2.8rem}.ring-2,.ring-3{display:none}.project-page-hero{min-height:auto;padding-top:64px}.project-page-back{margin-bottom:42px}.project-page-feature .container{height:78vw;min-height:280px}.project-facts{grid-template-columns:1fr;gap:14px}.project-process-section,.project-gallery-section{padding:76px 0}.travel-cost-section{padding:0 0 76px}.travel-cost-dashboard{border-radius:22px;grid-template-columns:1fr;gap:30px;padding:30px 22px}.travel-cost-copy h2{font-size:2.15rem}.travel-cost-metric{border-radius:16px;min-height:74px;padding:14px}.travel-cost-icon{width:34px;height:34px}.travel-cost-metric{grid-template-columns:34px 1fr;column-gap:9px}.travel-cost-metric strong{font-size:1.2rem}.project-process-grid{grid-template-columns:1fr}.project-process-card{min-height:180px}.project-process-card h3{margin-top:34px}.project-gallery figure,.project-gallery figure:first-child{grid-column:span 12}.project-gallery img,.project-gallery figure:first-child img{height:260px}}@media print{.cursor,.cursor-trail,.nav,.blob,.noise-overlay,.hero-visual,.hero-cta,.hero-stats,.filter-tabs,.scroll-down,.theme-toggle,.back-to-top,.social-links,.contact-form,.footer{display:none!important}body{cursor:auto;color:#000!important;background:#fff!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}