@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');
:root{--bg:#081921;--panel:#10262f;--ink:#e9f1ef;--muted:#adc0c4;--accent:#80e5d3;--line:#29414a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:bold;letter-spacing:1.1px}.brand small{display:block;color:var(--muted);font-size:9px;font-weight:normal;letter-spacing:2px}.mark{font-size:27px;border:1px solid var(--line);padding:3px 10px;letter-spacing:-2px}.mark span{color:var(--accent);font-size:17px}nav{display:flex;gap:25px;font-size:12px}.nav-contact{color:var(--accent)}section{padding:100px 7%;border-bottom:1px solid var(--line)}.hero{padding-top:85px;position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:30px;overflow:hidden;background:radial-gradient(ellipse at 90% 45%,#143c433f,transparent 60%)}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2.3px;color:var(--accent);margin:0 0 30px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px}h1{font-size:clamp(40px,4.9vw,76px);font-weight:400;line-height:1.12;letter-spacing:-3px;margin:0 0 35px}em{font-family:Georgia,serif;color:var(--accent);font-weight:normal}h2{font-size:clamp(32px,3.3vw,48px);font-weight:400;line-height:1.22;letter-spacing:-1.3px;margin:0 0 35px}.name{font-size:23px;margin:0 0 4px}.credentials{font-size:11px;color:var(--accent);letter-spacing:.5px}.intro{max-width:480px;font-size:16px;color:var(--muted);margin:25px 0 32px}.actions{display:flex;align-items:center;gap:28px}.button{background:var(--accent);color:#092027;padding:13px 22px;font-size:12px;display:inline-flex;gap:35px;font-weight:bold}.button:hover{background:#b7f6ea;color:#092027}.text-link{font-size:13px;border-bottom:1px solid #57867e;padding-bottom:7px;display:inline-block}.hero-art{position:relative;min-height:370px;display:flex;align-items:center;justify-content:center}.orbit{border:1px solid #4a9e944f;border-radius:50%;position:absolute;width:320px;height:320px}.o2{width:250px;height:250px;border-style:dashed;transform:rotate(25deg)}.o3{width:370px;height:160px;transform:rotate(-48deg);box-shadow:0 0 45px #80e5d30b}.art-center{font-family:Georgia,serif;font-size:100px;color:#b7eee4;letter-spacing:-6px;text-align:center;text-shadow:0 0 50px #80e5d32a}.art-center span{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;color:var(--muted)}.art-label{position:absolute;letter-spacing:2px;font-size:8px;color:var(--muted)}.top{top:10px;right:10px}.bottom{bottom:10px;left:25px}.satellite{position:absolute;right:42px;top:90px;width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px var(--accent)}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:50px;font-size:9px;letter-spacing:1.7px;color:var(--muted)}.muted{margin:0 10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}p{color:var(--muted);font-size:14px}.lead{font-size:20px;line-height:1.65;color:var(--ink);margin-top:0}.signature{font-family:Georgia,serif;font-style:italic;color:var(--accent);font-size:25px;margin-top:25px}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:start}.section-heading>p{max-width:340px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:20px}.grid article{background:var(--bg);padding:32px}.number{color:var(--accent);font-size:11px}h3{font-size:19px;line-height:1.4;font-weight:400;margin:25px 0 12px}.grid p{font-size:13px;margin:0}.impact{background:#0b1e27}.work article{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);padding:30px 0;gap:40px}.work article>span{font-size:10px;letter-spacing:1.4px;color:var(--accent);padding-top:6px}.work h3{margin:0 0 10px;font-size:24px}.work p{margin:0;max-width:650px}.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0 30px}.post{background:var(--panel);border:1px solid var(--line);overflow:hidden}.post iframe{border:0;width:100%;height:470px;background:white}.post>a{display:block;font-size:11px;letter-spacing:.5px;padding:15px 20px;color:var(--accent)}.contact{background:radial-gradient(ellipse at right bottom,#16473f70,transparent 65%)}.contact h2{font-size:clamp(45px,5vw,75px)}.email{display:block;width:fit-content;font-size:clamp(20px,3vw,35px);margin:30px 0;border-bottom:1px solid var(--accent);padding-bottom:12px}.instagram{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.instagram svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}footer{padding:30px 7%;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:var(--accent);color:var(--bg);padding:10px}.skip:focus{top:10px}@media(min-width:1500px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:1000px){nav{gap:13px}.hero{grid-template-columns:1.4fr 1fr}.orbit{width:240px;height:240px}.o2{width:190px;height:190px}.o3{width:280px;height:140px}.split{gap:40px}.posts{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){header{position:relative;display:block;padding:20px 6%}nav{margin-top:20px;overflow-x:auto;gap:22px;padding-bottom:5px;white-space:nowrap}.hero{display:block;padding-top:55px}section{padding:65px 6%}h1{letter-spacing:-1.5px}.hero-art{min-height:300px;margin-top:40px}.hero-foot{font-size:8px;gap:25px}.split{display:block}.split>div+div{margin-top:35px}.section-heading{display:block}.section-heading>p{max-width:none;margin-bottom:30px}.grid{grid-template-columns:1fr}.work article{grid-template-columns:1fr;gap:15px}.posts{grid-template-columns:1fr}.post iframe{height:500px}.actions{gap:20px}footer{flex-wrap:wrap}html{scroll-padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.profile-photo{display:block;width:240px;height:240px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);box-shadow:0 0 45px #80e5d326;position:relative;margin:0 auto 18px}.art-center{z-index:1;line-height:1.4}@media(max-width:1000px){.profile-photo{width:185px;height:185px}}
.language-switch{display:flex;gap:10px;align-items:center;border-inline-start:1px solid var(--line);padding-inline-start:15px;white-space:nowrap}.language-switch a{padding:3px 5px}.language-switch [aria-current="page"]{color:var(--accent);border-bottom:1px solid var(--accent)}html[dir="rtl"] body{font-family:"Tajawal",Tahoma,Arial,sans-serif}html[dir="rtl"] h1,html[dir="rtl"] h2{letter-spacing:0;line-height:1.55}html[dir="rtl"] em,html[dir="rtl"] .signature{font-family:"Tajawal",Tahoma,Arial,sans-serif;font-style:normal}html[dir="rtl"] .eyebrow,html[dir="rtl"] .art-label,html[dir="rtl"] .hero-foot,html[dir="rtl"] .brand{letter-spacing:0}html[dir="rtl"] .mark{direction:ltr;unicode-bidi:isolate}html[dir="rtl"] .email{direction:ltr;unicode-bidi:isolate}html[dir="rtl"] .hero-art{direction:ltr}html[dir="rtl"] .art-center span{letter-spacing:0}html[dir="rtl"] .dot{margin-right:0;margin-left:8px}html[dir="rtl"] .post iframe{direction:ltr}nav{flex-wrap:wrap}@media(max-width:700px){nav{flex-wrap:nowrap}.language-switch{font-size:12px}html[dir="rtl"] h1{font-size:36px}html[dir="rtl"] .brand{font-size:13px}}
/* Contemporary Arabic typography */
html[dir="rtl"] body{font-weight:400;line-height:1.9}
html[dir="rtl"] h1,html[dir="rtl"] h2{font-weight:500;line-height:1.45}
html[dir="rtl"] h3{font-weight:700;line-height:1.65}
html[dir="rtl"] p{font-size:16px;line-height:1.95}
html[dir="rtl"] p.lead{font-size:22px;line-height:1.9}
html[dir="rtl"] p.intro{font-size:18px}
html[dir="rtl"] p.name{font-size:27px;font-weight:500;line-height:1.6}
html[dir="rtl"] p.credentials{font-size:13px;letter-spacing:0}
html[dir="rtl"] p.eyebrow{font-size:12px;line-height:1.7;font-weight:700}
html[dir="rtl"] nav{font-size:14px;font-weight:500}
html[dir="rtl"] .brand{font-size:15px;font-weight:700}
html[dir="rtl"] .brand small{font-size:11px;line-height:1.8}
html[dir="rtl"] .mark{font-family:Arial,Helvetica,sans-serif;font-size:27px}
html[dir="rtl"] .button,html[dir="rtl"] .text-link{font-size:15px}
html[dir="rtl"] .signature{font-weight:500}
html[dir="rtl"] .art-center span{font-family:"Tajawal",Tahoma,Arial,sans-serif;font-size:11px;line-height:1.8}
html[dir="rtl"] .art-label{font-size:10px}
html[dir="rtl"] footer{font-size:12px}
@media(max-width:700px){html[dir="rtl"] p.lead{font-size:20px}html[dir="rtl"] .brand{font-size:14px}html[dir="rtl"] nav{font-size:14px}}
.site-logo{display:block;width:96px;height:64px;object-fit:contain;background:transparent;border-radius:0;flex-shrink:0}@media(max-width:700px){.site-logo{width:81px;height:54px}}