:root{--navy:#092441;--cream:#faf8ee;--teal:#0c8994;--cyan:#16bfd8;--sand:#e6d0aa;--muted:#586775}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:var(--cream);font-family:Arial,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}button,summary,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}header,main,footer{max-width:1200px;margin:auto;padding-inline:32px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #09244125}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:800;letter-spacing:2px}.brand img{width:46px;height:46px;border-radius:50%;border:2px solid var(--teal)}nav{display:flex;gap:24px;align-items:center}nav a{text-decoration:none;font-size:14px}button{background:transparent;border:1px solid #09244155;border-radius:30px;padding:8px 15px;color:var(--navy);cursor:pointer;font:inherit}.hero{display:grid;grid-template-columns:1.06fr .94fr;gap:25px;align-items:center;padding-top:65px;min-height:690px}.eyebrow{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--teal);font-weight:bold}.hero h1{font-size:clamp(44px,5.9vw,76px);letter-spacing:-3px;line-height:1.04;margin:23px 0}.hero h1 em{font-style:normal;color:var(--teal)}.lead{max-width:500px;font-size:19px;color:var(--muted)}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.button{padding:13px 21px;border:1px solid var(--navy);border-radius:8px;text-decoration:none;font-weight:bold;display:inline-flex;gap:12px;align-items:center;font-size:15px}.coming{border-color:#09244130;background:#f1efe5;color:#586775;flex-direction:column;gap:0;min-width:150px;cursor:default}.coming small{font-size:11px;font-weight:normal}.coming:hover{transform:none}.primary{background:var(--navy);color:white}.button:hover{transform:translateY(-2px)}.byline{font-size:13px;color:var(--muted)}.portrait{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;isolation:isolate;overflow:hidden}.portrait:before{content:"";position:absolute;inset:11% 0 0;border-radius:250px 250px 20px 20px;background:radial-gradient(circle at 70% 40%,#c5edf0,#d9e6e1 55%,#e8decb);z-index:-1}.portrait img{width:100%;max-height:600px;object-fit:contain;object-position:bottom;display:block}.portrait-label{position:absolute;bottom:27px;left:24px;right:24px;background:#faf8eef2;padding:14px 20px;border:1px solid #09244120;border-radius:8px;font-size:13px;backdrop-filter:blur(8px)}.portrait-label b{display:block;font-size:18px}.strip{margin:40px 0 80px;display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-block:1px solid #09244125;font-size:13px;font-weight:bold;letter-spacing:1px}.section{padding:0 0 80px;scroll-margin-top:25px}.section h2{font-size:clamp(28px,3.8vw,44px);line-height:1.15;letter-spacing:-1px;margin:15px 0 20px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px}.intro p{color:var(--muted);font-size:18px}.pill{display:inline-block;font-size:12px;padding:6px 12px;background:#e2ece6;border-radius:20px;color:var(--navy)}.topics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #09244125;border-radius:15px;overflow:hidden;margin-top:28px}.topic{padding:30px;border-inline-end:1px solid #09244125}.topic:last-child{border:0}.number{font-size:13px;color:var(--teal);font-weight:bold}.topic h3{font-size:23px;line-height:1.2}.topic p{font-size:15px;color:var(--muted)}.case{background:var(--navy);color:var(--cream);padding:42px;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.case .eyebrow{color:#75e2e6}.case p{color:#c6d2dd}.message{background:#123651;padding:25px;border:1px solid #ffffff25;border-radius:12px}.message small{color:#9cd5db}.message blockquote{margin:20px 0;font-size:23px;line-height:1.45}.case details{border-top:1px solid #ffffff35;margin-top:22px;padding-top:18px}.case summary{cursor:pointer;color:#8fe2e7;font-weight:bold}.case details p{font-size:16px}.follow{padding:55px 0;border-top:1px solid #09244125;text-align:center}.follow p{color:var(--muted)}.follow .buttons{justify-content:center}footer{border-top:1px solid #09244125;padding-block:25px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}[data-ar]{display:none}html[lang=ar] [data-en]{display:none}html[lang=ar] [data-ar]{display:revert}html[lang=ar] h1,html[lang=ar] h2{letter-spacing:0;line-height:1.4}html[lang=ar] .hero h1{font-size:clamp(40px,5vw,65px)}html[lang=ar] .eyebrow{letter-spacing:0}@media(max-width:750px){header,main,footer{padding-inline:22px}header{height:80px}nav a{display:none}.hero{grid-template-columns:1fr;padding-top:40px;gap:15px}.hero h1{letter-spacing:-2px}.portrait{height:450px;max-width:500px;width:100%;margin:auto}.strip{flex-wrap:wrap;font-size:11px;margin-bottom:55px}.intro,.case{grid-template-columns:1fr;gap:20px}.topics{grid-template-columns:1fr}.topic{border-inline-end:0;border-bottom:1px solid #09244125}.case{padding:25px}.section{padding-bottom:55px}footer{flex-direction:column;gap:8px}}


/* Local, decorative platform icons; labels remain accessible. */
.social-label{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}.social-icon{width:21px;height:21px;fill:currentColor;flex:none}.external-arrow{font-size:13px}.follow .button{min-height:70px;padding-inline:18px}.follow .button.primary .social-icon{color:var(--cream)}.follow .button.primary .social-icon path[fill="var(--cream)"]{fill:var(--navy)}@media(max-width:450px){.follow .buttons{gap:10px}.follow .button{flex:1 1 calc(50% - 10px);padding-inline:12px;min-width:0}.social-label{gap:7px}}
.follow>.eyebrow{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* Sticky navigation and CV achievements */
header{position:sticky;top:0;z-index:100;background:var(--cream);box-shadow:0 4px 18px #09244108}
header nav a[aria-current="page"]{color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:7px}
[id]{scroll-margin-top:calc(var(--header-offset,100px) + 20px)}
.achievements-main{padding-top:65px;padding-bottom:70px}.achievements-intro{padding-bottom:50px;max-width:850px}.achievements-intro h1{font-size:clamp(42px,6vw,70px);line-height:1.15;letter-spacing:-2px;margin:18px 0}.achievements-intro .lead{max-width:760px}.achievement-section{padding-bottom:65px}.section-heading h2{font-size:clamp(28px,3.6vw,42px);line-height:1.2;margin:14px 0 28px}.credential-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.credential-card{border:1px solid #09244125;border-radius:16px;background:#fffdf7;padding:28px 22px;text-align:center;display:flex;align-items:center;flex-direction:column}.credential-image{height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.credential-image img{width:145px;height:145px;object-fit:contain}.credential-card h3{margin:7px 0;font-size:24px;line-height:1.3}.credential-card p{color:var(--muted);margin:7px 0 14px;font-size:15px}.credential-card small{margin-top:auto;font-size:12px;color:var(--muted)}.credential-issuer{font-size:11px;letter-spacing:1.4px;color:var(--teal);font-weight:bold}.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.learning-card{border-inline-start:3px solid var(--teal);padding:20px 22px;background:#eaf0e8;border-radius:0 12px 12px 0}.learning-card h3{font-size:18px;line-height:1.4;margin:12px 0}.learning-card p{color:var(--muted);font-size:14px}.award-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.award-card{padding:28px;border:1px solid #09244125;border-radius:16px;background:#fffdf7}.award-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.award-rank{color:var(--teal);font-size:25px;font-weight:800}.award-year{font-size:13px;letter-spacing:1px;color:var(--muted)}.award-card h3{font-size:20px;line-height:1.4;margin-bottom:0}.contribution-card{background:var(--navy);color:var(--cream);border-radius:18px;padding:40px;margin-bottom:55px}.contribution-card .eyebrow{color:#75e2e6}.contribution-card h2{font-size:clamp(26px,3.4vw,38px);line-height:1.3;max-width:820px}.contribution-card p{color:#c6d2dd;max-width:850px}.contribution-card .primary{border-color:#8bdce2}.achievement-connect{text-align:center;padding:20px 0}.achievement-connect p{color:var(--muted)}html[lang=ar] .achievements-intro h1{letter-spacing:0}html[lang=ar] .learning-card{border-radius:12px 0 0 12px}
@media(max-width:750px){header{height:auto;min-height:80px;flex-wrap:wrap;gap:10px;padding-block:14px}header .brand{margin-inline:auto}header nav{width:100%;justify-content:center;gap:14px;flex-wrap:wrap}header nav a{display:inline-flex;font-size:13px}header nav button{font-size:13px;padding:7px 12px}.achievements-main{padding-top:35px}.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.credential-card{padding:20px 12px}.credential-image{height:125px;margin-bottom:12px}.credential-image img{width:115px;height:115px}.credential-card h3{font-size:20px}.credential-card p{font-size:14px}.learning-grid{grid-template-columns:1fr;gap:12px}.award-grid{grid-template-columns:1fr;gap:12px}.award-card{padding:23px}.contribution-card{padding:26px}.achievement-section{padding-bottom:45px}}
@media(max-width:360px){.credential-grid{grid-template-columns:1fr}.award-top{gap:10px}header nav{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the single hero contact action aligned with the text in both directions. */
.hero-contact{justify-content:flex-start;margin-inline:0}

/* Biography follows its heading in one readable, direction-aware column. */
#about.intro{grid-template-columns:minmax(0,1fr);gap:20px;max-width:900px}#about.intro>div{min-width:0}#about.intro p{margin:0 0 22px;text-align:start}#about.intro p:last-child{margin-bottom:0}

/* Achievements is part of the main page and shares the sticky navigation. */
#achievements{border-top:1px solid #09244125;padding-top:55px}.achievements-intro .achievements-title{font-size:clamp(36px,5vw,56px);line-height:1.15;letter-spacing:-1.5px;margin:18px 0}html[lang=ar] .achievements-title{letter-spacing:0;line-height:1.4}

/* Upcoming projects follow the same section order as the main navigation. */
.upcoming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.coming-soon-section{padding-top:25px}.coming-soon-section .learning-card{padding:28px}.coming-soon-section .learning-card h3{font-size:23px}.coming-soon-section .learning-card p{font-size:16px}@media(max-width:750px){.upcoming-grid{grid-template-columns:1fr}header nav{gap:12px}}