@font-face{font-family:'IBM Plex Sans Arabic';src:url('assets/plex-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('assets/plex-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('assets/plex-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('assets/plex-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}

:root{--bg:#101311;--panel:#191d19;--ink:#f4f0e6;--muted:#b2b6aa;--accent:#d8af7d;--border:#353c33;--arabic:'IBM Plex Sans Arabic',sans-serif;--latin:'Manrope',sans-serif;--gutter:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--arabic);font-size:16px;line-height:1.7;transition:background .55s,color .55s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0;background:none}button:disabled{cursor:default}::selection{background:var(--accent);color:var(--bg)}.wrap{max-width:1680px;margin:auto;padding-inline:var(--gutter)}.skip{position:fixed;right:20px;top:-100px;background:var(--accent);color:var(--bg);padding:10px 20px;z-index:100}.skip:focus{top:20px}.progress{position:fixed;top:0;right:0;height:2px;width:0;background:var(--accent);z-index:99}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:17px}.monogram{font-family:var(--latin);font-weight:800;font-size:32px;letter-spacing:-3px;direction:ltr;position:relative}.monogram span{font-size:10px;letter-spacing:0;position:absolute;top:0;right:-8px}.brand-name{font-weight:600;font-size:16px;line-height:1.7}.brand-name small{display:block;font:9px var(--latin);letter-spacing:1.8px;margin-top:3px}.header nav{display:flex;gap:38px;font-size:14px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;height:1px;width:0;background:var(--accent);bottom:-4px;right:0;transition:width .25s}.header nav a:hover:after{width:100%}.contact-link{font-size:14px;display:flex;align-items:center;gap:20px}.contact-symbol{border:1px solid var(--border);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:23px}.hero{min-height:calc(100svh - 112px);max-height:1060px;position:relative;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding-top:20px;padding-bottom:95px;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:14px;font-weight:400;color:var(--muted);display:flex;align-items:center;gap:14px;margin:0 0 25px}.line{width:30px;height:1px;background:var(--accent)}h1{font-size:clamp(70px,7.5vw,124px);line-height:1.23;letter-spacing:-5px;font-weight:450;margin:22px 0 28px}em{font-style:normal;color:var(--accent)}h1 em{font-weight:500}.hero-intro{font-size:17px;line-height:1.9;color:var(--muted);margin:0;max-width:490px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:12px 27px;font-size:14px;border:1px solid var(--border);transition:transform .3s,background .3s}.button:hover{transform:translateY(-3px)}.primary{background:var(--accent);color:#171a16;border-color:var(--accent)}.text-link{font-size:14px;display:flex;gap:20px;align-items:center}.small-plus{font:24px var(--latin)}.scene-wrap{align-self:stretch;position:relative;min-height:540px;direction:ltr}.scene-wrap:before{content:'';position:absolute;inset:12% 0 7%;border:1px solid var(--border);border-radius:50%;opacity:.28;transform:rotate(-30deg) scaleY(.7);pointer-events:none}#scene{position:absolute;inset:-4% -8%;display:grid;place-items:center}#scene canvas{width:100%;height:100%;position:absolute;inset:0}.scene-fallback{font:800 clamp(100px,20vw,310px) var(--latin);letter-spacing:-20px;color:var(--accent);opacity:.25}.scene-caption{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);font:10px var(--latin);letter-spacing:4px;white-space:nowrap;color:var(--muted)}.scene-coordinate{position:absolute;top:13%;left:0;writing-mode:vertical-rl;font:10px var(--latin);letter-spacing:2px;color:var(--muted)}.hero-bottom{position:absolute;bottom:20px;inset-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:19px;font-size:12px;color:var(--muted)}.hero-bottom>[lang=en]{font:10px var(--latin);letter-spacing:3px}.scroll-label{display:flex;align-items:center;gap:16px}.scroll-label>span{font-size:22px}.motion-toggle{min-height:44px;display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted)}.section{padding-top:105px;padding-bottom:105px}.section-label{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;border-top:1px solid var(--border);padding-top:20px;margin-bottom:46px}.section-label [lang=en]{font:11px var(--latin);letter-spacing:2px}h2{font-size:clamp(36px,4.2vw,67px);font-weight:450;line-height:1.4;margin:20px 0}h2>span{color:var(--muted)}.section-intro{color:var(--muted);max-width:550px;font-size:17px}.experience-list{margin-top:55px}.about-section:empty,.profile-section:empty{display:none}.contact-section{padding-bottom:180px}.contact-email{display:inline-block;font:clamp(22px,3vw,42px) var(--latin);border-bottom:1px solid var(--accent);padding-bottom:12px;margin:32px 0 70px}.contact-footer{border-top:1px solid var(--border);padding-top:28px;display:flex;justify-content:space-between;gap:24px;font-size:13px;color:var(--muted)}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--border);padding:36px;width:min(1120px,calc(100% - 36px));max-height:87svh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.dialog-header{display:flex;justify-content:space-between;gap:20px}.dialog-header h2{font-size:38px;margin:8px 0 35px}.close-dialog{width:44px;height:44px;border:1px solid var(--border);border-radius:50%;font-size:28px;flex-shrink:0}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);z-index:100;background:var(--ink);color:var(--bg);padding:12px 25px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}

@media(min-width:1700px){.hero{min-height:850px}}@media(max-width:1000px){.header nav{gap:22px}.hero{grid-template-columns:1.1fr 1fr}h1{font-size:76px}.scene-wrap{min-height:500px}.contact-link{gap:12px}.brand-name small{font-size:8px}}@media(max-width:700px){:root{--gutter:23px}.header{height:88px;gap:10px}.brand-name{font-size:14px}.monogram{font-size:27px}.brand{gap:14px}.brand-name small{font-size:7px;letter-spacing:1px}.header nav{display:none}.contact-link{font-size:12px}.contact-symbol{width:30px;height:30px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:26px;max-height:none;min-height:0;padding-bottom:80px}.eyebrow{font-size:12px;margin-bottom:18px}h1{font-size:78px;line-height:1.14;letter-spacing:-3px;margin:18px 0 24px}.hero-intro{font-size:16px}.hero-actions{gap:25px;margin-top:25px}.scene-wrap{height:340px;min-height:340px;margin-top:4px}#scene{inset:-3% -4%}.scene-caption{font-size:9px;bottom:4%}.scene-coordinate{font-size:8px;left:0}.hero-bottom{bottom:10px;padding-top:10px;gap:10px}.hero-bottom>[lang=en]{display:none}.section{padding-top:65px;padding-bottom:45px}.section-label{font-size:12px;margin-bottom:32px}.section-label [lang=en]{font-size:9px}.section-intro{font-size:16px}.contact-section{padding-bottom:160px}.contact-footer{flex-wrap:wrap;font-size:12px}dialog{padding:22px;width:calc(100% - 22px)}.dialog-header h2{font-size:28px}.hero-copy{padding-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto}body.motion-paused .reveal{opacity:1;transform:none}
.credentials-band{display:grid;grid-template-columns:1fr 1.3fr 1.3fr 1fr;border-bottom:1px solid var(--border);padding-block:48px;gap:30px;align-items:center}.credentials-band strong{display:block;font:500 clamp(40px,4vw,65px) var(--latin);letter-spacing:-3px}.credentials-band strong>span{font-size:.55em;color:var(--accent);vertical-align:top;line-height:1.7}.credentials-band p{font-size:13px;margin:12px 0 0;color:var(--muted)}.band-note{color:var(--muted);font-size:13px;border-right:1px solid var(--border);padding-right:24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px}.section-heading .section-intro{max-width:370px;margin-bottom:30px}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:55px 34px;margin-top:55px}.project-card{display:block;text-align:right;padding:0;min-width:0;align-self:start}.project-art{position:relative;height:315px;overflow:hidden;transition:filter .4s}.project-card:hover .project-art{filter:brightness(1.08)}.project-copy{padding:24px 0 0}.project-number{font:11px var(--latin);letter-spacing:1.5px;direction:ltr;display:block;color:var(--muted);text-align:right}.project-copy h3{font-size:clamp(25px,2.4vw,38px);font-weight:450;line-height:1.5;margin:18px 0 26px}.project-meta{display:flex;align-items:center;justify-content:space-between;font-size:14px}.project-plus{width:40px;height:40px;border:1px solid var(--border);display:grid;place-items:center;border-radius:50%;font:24px var(--latin);transition:background .25s,color .25s,transform .35s}.project-card:hover .project-plus{background:var(--accent);color:var(--bg);transform:rotate(90deg)}.project-copy>p{font-size:12px;color:var(--muted);border-top:1px solid var(--border);padding-top:16px;margin:16px 0 0}.project-grid>.project-card:nth-child(2){margin-top:120px}.project-tag{position:absolute;top:20px;right:20px;font-size:12px;z-index:2;background:#101311d9;color:#fff;padding:7px 14px;border:1px solid #ffffff30}.exhibition-art{background:#efede5;padding:65px 30px 20px;display:flex;align-items:center}.exhibition-art img{width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .65s}.project-card:hover .exhibition-art img{transform:scale(1.04)}.governance-art{background:#263b30;display:flex;align-items:center;justify-content:center;flex-direction:column}.governance-word{font-size:100px;font-weight:300;color:#e5dabf}.art-keywords{display:flex;gap:25px;color:#c6c9ba;font-size:12px;position:absolute;bottom:27px}.wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr;background:var(--panel);border:1px solid var(--border)}.wide .project-copy{padding:40px}.delivery-art{height:100%;min-height:320px;background:#242b22;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 22px 30px}.delivery-number{font:500 clamp(60px,7vw,100px) var(--latin);letter-spacing:-7px;line-height:1.1;color:#ddd5bf}.delivery-number span{font:500 14px var(--latin);letter-spacing:2px;display:block;text-align:center;margin-top:14px;color:var(--accent)}.delivery-caption{font-size:13px;text-align:center;line-height:1.8;margin-top:28px;color:var(--muted)}.editorial-section{--bg:#eeeee6;--panel:#e0e2d8;--ink:#162219;--muted:#596257;--accent:#79603c;--border:#c8ccc1;background:var(--bg);color:var(--ink);margin-top:25px}.editorial-section .section{padding-bottom:100px}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:center}.portrait-block{max-width:450px}.portrait-frame{aspect-ratio:.88;background:#0b2035;overflow:hidden}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(.7);transition:filter .8s,transform 1.2s}.portrait-frame:hover img{filter:grayscale(0);transform:scale(1.035)}.portrait-block>p{display:flex;justify-content:space-between;align-items:center;font-size:17px;margin:20px 0 0}.portrait-block>p span{font:9px var(--latin);letter-spacing:1px}.portrait-block>small{font-size:12px;color:var(--muted)}.about-copy h2{font-size:clamp(43px,4.8vw,76px);line-height:1.4;margin:18px 0 34px;letter-spacing:-2px}.about-copy>p:not(.eyebrow){font-size:17px;max-width:580px;color:var(--muted);line-height:1.95}.certifications{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.certifications>span{border:1px solid var(--border);padding:8px 12px;font:12px var(--latin)}.timeline{margin-top:90px}.timeline>.eyebrow{margin-bottom:30px}.timeline-row{display:grid;grid-template-columns:1fr 2fr 1.5fr;align-items:center;gap:24px;border-top:1px solid var(--border);padding:22px 0}.timeline-row>span{font:12px var(--latin);text-align:right;color:var(--muted)}.timeline-row h3{font-size:19px;font-weight:500;margin:0}.timeline-row p{font-size:14px;color:var(--muted);margin:0}.method-track{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:45px}.method-track article{border-top:1px solid var(--border);padding-top:24px}.method-track article>span{font:12px var(--latin);color:var(--accent)}.method-track h3{font-size:23px;font-weight:450;margin:26px 0 12px}.method-track p{font-size:15px;line-height:1.9;color:var(--muted);margin:0}.profile-section{background:var(--panel);max-width:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);perspective:1100px}.profile-layout{max-width:1350px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.profile-description>p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:450px}.profile-buttons{display:flex;gap:30px;align-items:center;margin-top:30px}.profile-buttons .button{gap:20px}.profile-buttons .button [lang=en]{font:11px var(--latin)}.file-meta{font-size:12px;color:var(--muted);display:block;margin-top:18px}.profile-object{position:relative;width:320px;height:425px;margin:auto;transform:rotateY(20deg) rotateZ(-4deg);transform-style:preserve-3d;box-shadow:-35px 40px 50px #0006;transition:transform .65s;outline-offset:10px}.profile-object:hover{transform:rotateY(0) rotateZ(0) translateY(-8px)}.book-cover{height:100%;padding:30px;background:#101311;border:1px solid #6e624f;display:flex;flex-direction:column;justify-content:space-between}.book-top{display:flex;justify-content:space-between;align-items:start;direction:ltr}.book-top>span:first-child{font:800 28px var(--latin);letter-spacing:-2px;color:var(--accent)}.book-top>span:last-child{font:8px var(--latin);letter-spacing:2px}.book-title{font-size:63px;line-height:1.17;color:var(--ink);font-weight:400}.book-title>span{display:block;font-size:22px;color:var(--accent);margin-top:23px}.book-bottom{font-size:10px;color:var(--muted);border-top:1px solid var(--border);padding-top:17px}.book-bottom>span{display:block;font:7px var(--latin);letter-spacing:1px;margin-top:9px}.book-spine{position:absolute;top:0;right:-14px;width:14px;height:100%;background:repeating-linear-gradient(90deg,#bbb7a7 0 1px,#e6e1d3 1px 3px);transform:rotateY(90deg);transform-origin:left;backface-visibility:visible}.contact-section{padding-top:100px;padding-bottom:45px}.contact-email{margin-bottom:20px}.contact-options{display:flex;gap:25px;font-size:13px;margin-bottom:65px}.contact-options button{padding:0;min-height:44px}.contact-options a{display:flex;align-items:center;min-height:44px;font-family:var(--latin)}.contact-options button span{margin-right:14px}.case-kicker{font-size:13px;color:var(--accent)}#case-title{font-size:clamp(30px,4vw,53px);line-height:1.5;max-width:760px}.case-intro{font-size:18px;color:var(--muted);max-width:800px}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:38px 0;border-block:1px solid var(--border);padding-block:25px}.case-stats strong{font:400 38px var(--latin);display:block}.case-stats p{font-size:13px;color:var(--muted);margin:10px 0 0}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.case-columns h3{font-size:19px;color:var(--accent);font-weight:500}.case-columns p{font-size:16px;line-height:1.9;color:var(--muted)}.case-note{font-size:12px;color:var(--muted);border-top:1px solid var(--border);padding-top:20px;margin-top:30px}.hero-copy>*{animation:enter .95s both}.hero-copy>.eyebrow{animation-delay:.04s}.hero-copy>h1{animation-delay:.13s}.hero-copy>.hero-intro{animation-delay:.25s}.hero-copy>.hero-actions{animation-delay:.35s}@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.brand-name small{font-size:10px}.header a,.text-link{min-height:44px;align-content:center}.hero-bottom{font-size:13px}.motion-toggle{font-size:13px}.scene-caption,.scene-coordinate{font-size:11px}.brand .monogram>span{display:none}
@media(max-width:1000px){.credentials-band{grid-template-columns:repeat(3,1fr)}.band-note{display:none}.section-heading{gap:30px}.project-grid{gap:35px 25px}.project-art{height:260px}.wide .project-copy{padding:30px}.profile-layout{gap:30px}.profile-object{width:280px;height:380px}.about-grid{gap:7%}.timeline-row{grid-template-columns:1fr 2fr 1.4fr}.method-track{gap:22px}.book-title{font-size:57px}}
@media(max-width:700px){.credentials-band{grid-template-columns:1fr 1fr;gap:30px 20px;padding-block:35px}.credentials-band>div:last-of-type{grid-column:1/-1;border-top:1px solid var(--border);padding-top:22px;display:flex;align-items:center;gap:20px}.credentials-band>div:last-of-type p{margin:0;max-width:180px}.credentials-band strong{font-size:43px}.credentials-band p{font-size:12px}.section-heading{display:block}.section-heading .section-intro{margin-top:22px;max-width:100%}.project-grid{display:block;margin-top:35px}.project-card{width:100%;margin-bottom:45px}.project-grid>.project-card:nth-child(2){margin-top:0}.project-art{height:265px}.project-copy{padding-top:20px}.project-copy h3{font-size:29px}.wide{display:flex;flex-direction:column-reverse;margin-bottom:0}.wide .project-copy{padding:25px;width:100%}.wide .delivery-art{width:100%;min-height:285px}.delivery-number{font-size:82px}.about-grid{display:flex;flex-direction:column;gap:45px}.portrait-block{max-width:100%;width:100%}.portrait-frame{aspect-ratio:1.07}.about-copy h2{font-size:49px}.about-copy>p:not(.eyebrow){font-size:16px}.timeline{margin-top:55px}.timeline-row{grid-template-columns:1fr;gap:7px;padding-block:20px}.timeline-row h3{font-size:20px}.timeline-row p{font-size:13px}.timeline-row>span{font-size:12px}.editorial-section .section{padding-bottom:45px}.method-track{grid-template-columns:1fr 1fr;gap:30px 22px}.method-track h3{font-size:21px;margin-top:20px}.method-track p{font-size:14px}.profile-section{margin-top:25px;padding-block:60px}.profile-layout{display:flex;flex-direction:column;gap:65px}.profile-description{width:100%}.profile-object{width:265px;height:358px;margin-bottom:20px}.book-title{font-size:50px}.contact-section{padding-bottom:35px}.contact-options{margin-bottom:40px}.case-stats{gap:12px}.case-stats strong{font-size:27px}.case-stats p{font-size:12px}.case-columns{grid-template-columns:1fr;gap:5px}.case-intro{font-size:16px}.brand-name small{font-size:8px}.scene-caption,.scene-coordinate{font-size:9px}.project-copy>p{font-size:13px}}

.profile-object{width:min(100%,480px);height:auto;aspect-ratio:1.414;transform:rotateY(16deg) rotateZ(-3deg)}.actual-cover{display:block;width:100%;height:auto;border:1px solid #6e624f}.motion-paused *{transition:none!important;animation:none!important}@media(max-width:700px){h1{font-size:clamp(58px,20vw,78px)}.profile-object{width:95%;height:auto;aspect-ratio:1.414}.contact-email{font-size:clamp(21px,5.8vw,35px)}}