:root{--navy:#101827;--paper:#F7F8FA;--blue:#5379E7;--ink:#172139;--muted:#627087;--line:#dce2eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tajawal,'DM Sans',sans-serif;font-size:17px;line-height:1.6}html[lang=en] body{font-family:'DM Sans',Tajawal,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #86a2ff;outline-offset:4px}.shell{width:min(1190px,calc(100% - 44px));margin:auto}.skip{position:absolute;top:-70px;right:15px;background:#fff;padding:10px;z-index:20}.skip:focus{top:10px}.nav{position:sticky;top:0;z-index:10;background:rgba(16,24,39,.96);border-bottom:1px solid #ffffff20;backdrop-filter:blur(18px);color:white}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:17px;line-height:1.1;white-space:nowrap}.brand-mark{width:38px;height:38px;border:1px solid #a4b9f7;color:#a4b9f7;display:grid;place-items:center;font-size:23px}.brand-sub{display:block;font-size:11px;font-weight:500;letter-spacing:.03em;color:#aebbd0;margin-top:5px}.nav nav{display:flex;align-items:center;gap:28px}.nav nav a{font-size:14px;color:#d7deeb;transition:color .2s}.nav nav a:hover{color:white}.nav-actions{display:flex;gap:12px;align-items:center}.lang,.menu-toggle{background:none;color:white;border:1px solid #536079;cursor:pointer}.lang{padding:5px 9px;font:700 12px 'DM Sans';letter-spacing:.06em}.menu-toggle{display:none;width:38px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:18px;height:1px;background:white;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{background:var(--navy);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:620px;align-items:center;gap:36px}.hero-copy{padding:75px 0 90px;position:relative;z-index:1}.eyebrow,.kicker,.section-number,.project-type{font-size:13px;font-weight:700;letter-spacing:.08em}.eyebrow{color:#a8bdf8;display:flex;gap:11px;align-items:center}.dot{background:var(--blue);width:7px;height:7px;display:inline-block;border-radius:50%}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(48px,5.4vw,84px);font-weight:800;line-height:1.17;letter-spacing:-.04em;margin:30px 0 12px;max-width:680px}.hero-role{font-size:clamp(22px,2.3vw,33px);font-weight:600;color:#abc0fa;margin:0 0 24px}.hero-summary{font-size:19px;line-height:1.8;color:#d0d8e7;max-width:560px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.button{min-height:50px;padding:11px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-weight:700;font-size:15px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--blue);color:white}.primary:hover{background:#6689f1}.secondary{border:1px solid #66738d;color:#e7edfa}.secondary:hover{background:#ffffff12}.download-note{font-size:12px;color:#aebbd0;margin:15px 0 0;max-width:520px}.hero-art{height:530px;position:relative;display:grid;place-items:center;color:#6f91f1}.art-grid{position:absolute;inset:5%;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle,#000,transparent 72%)}.art-ring{position:absolute;border:1px solid #829aff36;border-radius:50%;aspect-ratio:1}.ring-one{width:90%}.ring-two{width:65%;border-style:dashed;animation:spin 90s linear infinite}.art-core{position:relative;width:47%;aspect-ratio:1;border-radius:50%;border:1px solid #7188c873;background:#1a2844;box-shadow:0 0 110px #5379e721;display:flex;align-items:center;justify-content:center;flex-direction:column}.core-letters{font-size:clamp(70px,8vw,120px);font-weight:600;line-height:1}.core-line{width:45px;height:1px;background:#839be0;margin:20px}.core-label{font:600 10px/1.6 'DM Sans';letter-spacing:.22em;text-align:center;color:#a8bdf8}.art-index,.art-caption{position:absolute;font:600 11px 'DM Sans';letter-spacing:.16em;color:#9daecc}.art-index{top:10%;left:5%}.art-caption{bottom:9%;right:0}.art-caption span{color:var(--blue)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff20;padding:18px 0;color:#aebbd0;font-size:13px}.section{padding:110px 0}.section-grid{display:grid;grid-template-columns:185px minmax(0,1fr);gap:65px}.section-side{display:flex;flex-direction:column;gap:20px;color:#6b7890}.side-rule{width:36px;height:1px;background:currentColor}.section-content{max-width:880px}.kicker{color:var(--blue);margin:0 0 15px}.section h2,.contact-section h2{font-size:clamp(35px,4vw,58px);line-height:1.25;font-weight:800;letter-spacing:-.035em;margin:0 0 34px}.lead{font-size:clamp(20px,2.1vw,28px);line-height:1.7;color:#344158;max-width:790px}.about-meta{display:flex;gap:80px;margin-top:65px;padding-top:25px;border-top:1px solid var(--line)}.about-meta div{display:flex;flex-direction:column;gap:4px}.about-meta span{color:var(--muted);font-size:14px}.about-meta strong{font-size:17px}.dark{background:#172239;color:#f8faff}.dark .section-side{color:#9baac8}.dark .section-content>.kicker{color:#9bb4ff}.timeline{border-top:1px solid #ffffff29;margin-top:50px}.entry{display:grid;grid-template-columns:190px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid #ffffff29;position:relative}.entry:before{content:"";width:6px;height:6px;background:#7798f2;position:absolute;right:-15px;top:35px;border-radius:50%}.entry-date{color:#abb9d3;font-size:14px}.entry h3{font-size:23px;margin:0 0 3px}.entry .org{color:#9fb7fc;font-weight:700;margin:0 0 11px}.entry-main>p:last-child{color:#c4cede;margin:0;font-size:16px}.project{display:grid;grid-template-columns:1fr 1.15fr;border:1px solid var(--line);background:white}.project-graphic{min-height:280px;display:flex;align-items:center;justify-content:center;background:#18243c;color:#88a5f6;position:relative;padding:25px}.project-graphic svg{width:100%;max-width:380px}.project-graphic span{position:absolute;bottom:22px;left:25px;color:#a9bae5;font:600 11px 'DM Sans';letter-spacing:.2em}.project-copy{padding:48px;align-self:center}.project-type{color:var(--blue)}.project h3{font-size:31px;margin:16px 0}.project p{color:#526076;line-height:1.85}.mist{background:#edf1f7}.skill-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.skill-group{border-top:1px solid #b4c0d5;padding-top:20px}.skill-group h3{font-size:21px;margin-bottom:24px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 12px;background:white;border:1px solid #d9e0ec;font-size:14px;color:#42516b}.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.edu-col>h3,.languages h3{font-size:20px;border-bottom:1px solid var(--line);padding-bottom:13px;margin:0 0 20px}.edu-item{padding:12px 0 20px}.edu-item span{color:var(--blue);font:700 13px 'DM Sans'}.edu-item h4{font-size:20px;line-height:1.45;margin:8px 0 5px}.edu-item p{color:var(--muted);margin:0;font-size:15px}.languages{margin-top:42px}.languages>div{display:flex;gap:80px}.languages span{font-weight:700}.languages small{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:5px}.contact-section{background:#101827;color:#fff;padding:100px 0 25px}.contact-inner{max-width:1190px}.contact-section h2{max-width:780px;margin-bottom:15px}.contact-section p{color:#bfc9dc;font-size:18px}.contact-link{display:inline-flex;gap:28px;align-items:center;font:600 clamp(21px,3vw,36px) 'DM Sans';color:#b5c8ff;border-bottom:1px solid #6486e1;padding:10px 0;direction:ltr;max-width:100%;overflow-wrap:anywhere}.contact-link:hover{color:#fff}.contact-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff2b;margin-top:105px;padding-top:20px;color:#aab9d0;font-size:13px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.nav nav{position:absolute;top:78px;left:0;right:0;background:#172239;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 22px 20px;box-shadow:0 20px 30px #0003}.nav nav.open{display:flex}.nav nav a{padding:13px;border-bottom:1px solid #ffffff1e;font-size:16px}.menu-toggle{display:flex}.hero-grid{grid-template-columns:1fr;min-height:0;gap:0}.hero-copy{padding:75px 0 20px}.hero-art{height:300px;max-width:460px;width:100%;margin:auto}.art-core{width:43%}.core-letters{font-size:65px}.core-line{margin:8px}.core-label{font-size:8px}.section-grid{grid-template-columns:1fr;gap:24px}.section-side{display:none}.section{padding:80px 0}.entry{grid-template-columns:135px 1fr}.skill-groups{gap:16px}}@media(max-width:600px){.shell{width:min(100% - 36px,1190px)}.nav-inner{height:68px}.nav nav{top:68px}.brand{font-size:15px}.brand-mark{width:33px;height:33px}.hero-copy{padding:65px 0 0}.hero-summary{font-size:17px}.hero-cta{flex-direction:column;align-items:stretch}.button{width:100%}.hero-art{height:270px}.art-caption{font-size:8px}.section{padding:72px 0}.lead{font-size:20px}.about-meta{gap:24px;margin-top:40px;flex-direction:column}.entry{grid-template-columns:1fr;gap:6px}.entry:before{display:none}.project,.education-grid,.skill-groups{grid-template-columns:1fr}.project-graphic{min-height:220px}.project-copy{padding:30px}.project h3{font-size:26px}.skill-groups{gap:26px}.education-grid{gap:25px}.languages>div{flex-direction:column;gap:20px}.contact-section{padding-top:75px}.contact-link{font-size:clamp(16px,4.2vw,24px)}.contact-footer{margin-top:70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.ring-two{animation:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.nav,.hero-art,.hero-bottom,.hero-cta,.download-note,.contact-footer,.project-graphic,.side-rule{display:none!important}body,.hero,.dark,.contact-section{background:white!important;color:#111!important}.hero-copy{padding:20px 0}.section,.contact-section{padding:20px 0}.section-grid{display:block}.section-side{display:none}.reveal{opacity:1;transform:none}.entry-main>p:last-child,.entry .org,.contact-section p,.project p{color:#333!important}.project{display:block;border:0}.project-copy{padding:0}.section h2,.contact-section h2{font-size:26px}.contact-link{font-size:17px;color:#111}.hero-summary{color:#333}.hero-role{color:#333}}

.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 22%;border-radius:50%;display:block}

.whatsapp-wrap{margin-top:42px}.whatsapp-heading{font-size:16px;font-weight:700;letter-spacing:.01em;margin:0 0 16px;color:#e3eaf9}.whatsapp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:850px}.whatsapp-card{display:flex;align-items:center;gap:15px;min-width:0;min-height:92px;padding:18px 20px;border:1px solid #ffffff30;border-radius:14px;background:#ffffff09;color:#f7f8fa;text-decoration:none;transition:transform .22s,border-color .22s,background-color .22s}.whatsapp-card:hover{transform:translateY(-3px);border-color:#7998ed;background:#ffffff13}.whatsapp-card:focus-visible{outline:3px solid #9ab2ff;outline-offset:3px}.whatsapp-symbol{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:50%;background:#5379e729;color:#a9c0ff;font-size:23px}.whatsapp-info{display:flex;flex-direction:column;gap:4px;min-width:0}.whatsapp-country{color:#bac7db;font-size:14px}.whatsapp-number{color:#fff;font:600 clamp(17px,2vw,23px) 'DM Sans',sans-serif;white-space:nowrap}.whatsapp-arrow{margin-inline-start:auto;color:#a9c0ff;font-size:21px}@media(max-width:600px){.whatsapp-wrap{margin-top:34px}.whatsapp-grid{grid-template-columns:1fr}.whatsapp-card{min-height:80px;padding:15px}}@media print{.whatsapp-card{border:0;padding:5px 0;min-height:auto;background:none;color:#111}.whatsapp-grid{display:block}.whatsapp-country,.whatsapp-number,.whatsapp-heading{color:#111!important}.whatsapp-symbol,.whatsapp-arrow{display:none}}